Q&A
分かりました！ありがとうございます！
wordpressと
Bootstrap3.3.7を使用しております。
col-md-4に画像をcol-md-8に文章を入れております。
そのcol-md-4画像はwidth:264pxです。
その画像のimgをwidth:100%にした時に画面サイズいっぱいに画像が表示されるようにしていますが、その画面サイズいっぱいにしたときに、画像が荒れてしまいます。画像のサイズ自体が264pxで作られているからだと思いますがが…
それを荒れることなく、綺麗に表示するにはどうすればいいのでしょうか？
大きい画像を入れればよろしいのでしょうか？
画像はwordpressのアイキャッチ画像で入れております。
お教え下さい。よろしく御願い致します。
回答2件
0
ベストアンサー
honamiさんの回答にもあるように、大きい画像を用意するしかありません。
いちおう下記のようにすることで元画像以上に拡大することを避けることは出来ます。（隙間が開きますが）
CSS
1img { 2 max-width:100%; 3 width:100%; 4}
投稿2017/05/15 05:51
総合スコア69400
0
画像がラスタ形式であると仮定して、残念ながら大きい画像を用意するしかありません。
既存の画像を、というわけでないならベクター画像を新たに用意し、svgなどで対応することは可能です。
今の画像をベクターで表現することが可能であるかで判断していただければと思います。
投稿2017/05/15 05:45
編集2017/05/15 06:04
総合スコア308
あなたの回答
tips
プレビュー
バッドをするには、ログインかつ
こちらの条件を満たす必要があります。
2017/05/16 00:56