将图像裁剪为较大屏幕上的条纹

Question

我的所有图像都应该响应，所以我定义图像宽度100％。但大多数图片在大屏幕上都比iPhone大得多。 这些图像不需要全高，所以我希望它们是条纹。

Answer 1

您似乎在寻找的是css媒体查询。

举个例子：

img {width: 50%;}

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

这将使您的图像在桌面上的宽度为50％，但在屏幕为767px或更低的移动设备上，图像的宽度为100％。