コピペ運動会

大きな画像は、パソコンのディスプレイで表示できても、スマートフォンで見るとはみ出してしまうことがあります。

本ページでは、画像をレスポンシブ対応する方法を説明します。

画像の最大幅を指定する
横幅700pxの画像があったとします。この画像は、スマートフォンで見ると、以下のようにはみ出してしまいます。

画像が横にはみ出していて、木の小屋が半分しか表示されていません。
これを避ける簡単な方法は、max-widthプロパティを使うことです。max-widthは、最大幅を示します。以下は、CSSの例です。

【max-widthプロパティを使うCSS】
.test {
max-width: 100%;
}
クラスtestをimg要素に適用すると、以下のように最大幅が親要素以内(以下では画面幅)に収まります。

画像がはみ出しておらず、木の小屋がすべて表示されています。
marginで左右に余白を指定する場合、その余白分を引いた数字を指定する必要があります。例えば、margin-leftとmargin-rightで4%を指定する場合、max-widthでは92%と指定します。

別居後に夫から「どうせ困ったら会社だの保育園だの役所だの頼って、一人で育てられないくせに」という呪いを吐かれたけど、子供をたった一人で育てられると思ってる所がいかに育児をしてこなかったかの証明みたいでちょっと面白かった。アホか。

夢の中で泳ごうか

女兄弟がいない男の作家や素人が描く妹モノって「家族」じゃなくて「勝手に好意を抱いてくれる従順な若い女」って認識なの気持ち悪いんだよな
どっかのスレで「妹なんて母ちゃんと同じ認識だからパンチラも胸チラも全然嬉しくない」って意見を「若い女と母ちゃんが一緒な訳ないだろ」って食い付いてる数人がいて気持ち悪かった
こういう人達妹いたとしても、自分と顔体型髪質そっくりかつ家族で系統は大体一緒だから垢抜けない喪の可能性を想像できないんだ

54 名前：名無し▼副[sage] 投稿日：21/02/17(水)19:06:57.671 ID:YiO [4/18]
ニンジンと玉ねぎをこれまでかとすりおろして煮込んだカレー美味しかった

59 名前：名無しさん＠おーぷん[sage] 投稿日：21/02/17(水)19:07:15.603 ID:9Gl [2/15]
>>54
死を覚悟するな

知ってた？訳ありにいたから知らなかったが、神楽坂ってお洒落な街なんだよ！

小学生の頃の思い出と言えば、学年一の美少女(金持ちのガチお嬢様)が何故かトイレに僕を呼び、
恥じらいながら｢あの…流して…｣と言ってきて、美少女の糞を代わりに流させられた思い出
未だに何故そんな事を軍曹が指名されてせねばならんかったのか未だに謎である

個人的にカラオケありの居酒屋で矢沢永吉の時間よ止まれを歌う男は、呑兵衛で女好きなのに女にフラれてばかりで面白い素敵な人。