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

时间:2016-06-13 08:58:35

标签: css image media crop clip

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

1 个答案:

答案 0 :(得分:0)

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

举个例子:

img {width: 50%;}

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

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