CSSで縦横比を維持しながら横幅いっぱいに背景画像を表示させる方法 - NxWorld
特にレスポンシブやスマホサイトで見かけることが多い、どんなウィンドウサイズでも縦横比を維持しつつ横幅いっぱいに画像を表示している見栄えですが、imgであれば画像を配置してwidth:100%;とheight:auto;辺りを指定しておけば簡単に表示させることができても、その見栄えを背景画像を利用してとなると先述した方法では実装できません。 背景画像でも同じように縦横比を維持しつつ横幅いっぱいに画像（背景画像）を表示させたいときは以下の方法で実装することができます。 実装には背景画像を表示したい部分に下記のようなCSSを記述することで縦横比を維持しつつ横幅いっぱいに背景画像を表示させることができ、以下のサンプルは表示させたい画像が「横幅：1000px 高さ：300px」の画像だった場合のものになります。 .background { width: 100%; height: 0; paddin
【１歳半】公園の水遊びが大好きなともちん
おはようございます！さゆ吉です。 めずらしく朝早くからの投稿です（単にいつも寝落ちして、早く目が覚めてしまっただけ）ともちん１歳半、日に日にヤンチャ度が増していき１秒だってジッとしていません。最近は、水遊びが大好きです！ 【１歳半】公園の水遊びが大好きなともちん うかつに幼児を褒めると大変な目にあいます ともちん、公園に行くと水道から離れません。じょうろ片手に、水を入れては振り回してビチャビチャビチャビチャ…いくら公共の水道といっても、水がもったいないですよね。 私、いい事を思いつきました。どうせなら、公園の花や草に水をやってはどうか？ともちんを花壇に誘導して、水やりを教えます。上手に水やりをすることができて、嬉しそうなともちん。私も嬉しくなって 「すごいね～、上手にできたね！！お花さん喜んでいるね」 と、ともちんを褒めちぎりました。 でも・・・ 大袈裟に褒めたら、ともちん喜んで延々と水や
うちのハムスター夕がたに起きるしこの先生きのこる : コミックエッセイ えむふじんがあらわれた Powered by ライブドアブログ
えむふじんの日常Lv152 旦那が世話をする時は警戒するそぶりをみせないのに、なぜ私は信用されていないのか・・・。 ゴールデンハムスターの♀は気が強い傾向があるようですが、そのせいなのかなー？ 先代♂、先先代♂のハムは私にも懐いてくれていたのに。 きなこは夜行性なので、日中は基本ずっと眠りっぱなし。 だいたいお昼か夕方に一度目を覚まして水を飲みます。 えさは毎日夜にあげているんですが、起きた時に何か欲しがるそぶりを見せた時は、野菜の切れ端をあげたりしています。 今回はそんな時間帯のお話でした。 この寝起き丸出しな感じと、舌がたまらんのです・・・ この先生きなこる 続編について 『ハムスターの研究レポート』は、現在8巻まで刊行されている。発売元である白泉社の担当の編集者さんに問い合わせてみると、今後続編が出る可能性も十分あるとのこと。ファンとしては嬉しい情報だ。 http://news.my
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
