大きな画面でストライプになるように画像を切り抜く

Question

私のすべての画像は応答性がありますので、画像の幅を100％定義してください。しかし、ほとんどの写真はiPhoneよりも大きな画面で大きくなりすぎている。 これらの画像は完全な高さを持つ必要はありませんので、それらの画像をストライプにしたいと考えています。

Answer 1

あなたが探しているように見えるのは、CSSのメディアクエリです。一例として、

：

img {width: 50%;} 

@media only screen 
and (max-device-width : 767px) 
{ 
img {width: 100%;} 
} 

これはあなたのイメージ、デスクトップ上の50％の幅を行いますが、767px以下の画像のスクリーン搭載の携帯デバイス上で100％の幅になります。