画像を枠の中に収めつつ、画像が枠サイズより小さかった場合は画像を引き伸ばさず表示させたい！
ということが最近あり、試してみたら案外できたので紹介します。
といっても収めたい画像のimgタグに下記を追加するだけという簡単な方法です･･･。
|
1 2 3 4 |
img { max-width: 100%; min-width: auto; } |
これを追加することで、最大でも枠サイズいっぱいになり、
最小でも画像のサイズをそのまま維持できます！
The following two tabs change content below.
マーシー武田
筋トレを趣味にすることが趣味。
最新記事 by マーシー武田 (全て見る)
- 岩井俊二の伝説的ドラマ『打ち上げ花火、下から見るか？横から見るか？』大根仁×新房昭之でアニメ映画化！声優には宮野真守、広瀬すず、菅田将暉… - 2016/12/08
- 参考にしたい最新ランディングページ5選〜2016年冬版〜 - 2016/12/06
- れんこんサミットって何！？11月17日はレンコン記念日！今夜はレンコン料理で決まり！！ - 2016/11/16
関連記事
人気記事ランキング
-
2016/07/27
おいしいシェイクランキング -
2015/01/30
オススメの海外アニメベスト３ -
2013/06/25
まくびーのブログ始まりました -
2016/07/08
【朗報】コーヒー嫌いでもおいしく飲める！苦くないコーヒー3選！ -
2015/06/20
イケメンインドネシア人TOP10 -
2016/07/19
ディズニーオンアイスの感想！オススメの鑑賞方法と勝手な評価！！ -
2015/05/29
国際返信切手券を使って、海外に返信用封筒を送る方法 -
2013/12/11
ラーメンカロリーランキング！ -
2016/01/04
【駅伝ファン注目】2016駅伝絶対登場するスポットを巡る！！ -
2015/07/02
ワイルド・スピードX3 TOKYO DRIFTをみたよ！
ピックアップ記事
-
-
2016/11/19
【ネシアめし】コブミカンの葉 / ダウン・ジェルック・プルット -
2015/10/28
釣りができる居酒屋『釣船茶屋ざうお』で釣ってきたお話 -
2014/3/26
【香港サロン】CANARYのご紹介。 -
-
-
2015/11/6
【今週の記事まとめ】10月31日〜11月6日 -
2016/11/9
気軽に芸能人気分が味わえる？？ 芸能人が愛するロケ弁BEST３！！ -
-
2015/9/19
【ネシアのこと。】 008 辛味調味料 サンバル
