
レスポンシブサイトでの画像のリサイズ問題
CSSだけで解決できます。
img{ width:100%; max-width:100%; height:auto; }
<参照サイト>
レスポンシブの画像問題を解決する簡単な方法
http://sole-color-blog.com/blog/php/72/
WEBサイト制作で調べたことのメモ
投稿日:
img{ width:100%; max-width:100%; height:auto; }
<参照サイト>
レスポンシブの画像問題を解決する簡単な方法
http://sole-color-blog.com/blog/php/72/
本サイトの内容に誤りや不正確な記述がある場合やサンプルに基づくいかなる結果も一切の責任を負いかねますので、あらかじめご了承ください。
執筆者:kobato
関連記事
CSS ★ inline-blockで横並びにした要素を上揃えにする
CSSで横並びさせたい時によく使うのが、 display:inline-block。 でも、縦のラインがきれいに揃わないで困ることがある。 そんな時に、 たった1行追加するだけでOKなセレクタがあった …
「画面サイズに合わせて文字の大きさも変化させたい」けど、「em」や「rem」や「%」ではうまくいかない。 早速ググってみると。。。ありました! vw(ViewportWidth)とvh(Viewpor …
最後の要素だけスタイルを適用させたくないときには、疑似要素を使って指定するのが定番。CSSにもいろんな書き方があるけど、便利な方法を見つけたのでメモしておく。 兄弟要素の最後の要素だけスタイルを適用し …
『IcoMoon』のWeb-FontをWebページに実装する方法
オリジナルのアイコンフォントを簡単につくれる『IcoMoon』。 自作のSVGアイコンづくりで活用していたけど、 Web-fontも使えるので実装の方法を確認しておく。 『IcoMoon』へアクセスし …
2024/11/30
【イラレ】PDFへの保存時に「透明ブレンドスペースは〜」のアラートが出る理由
2024/11/15
Adobe PDFプリセットの「プレス品質」と「高品質印刷」の違い
2024/10/12
Excelで作った表データをIllustrator(イラレ)で使いたい!