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

【问题标题】：Crop image to be a stripe on bigger screens将图像裁剪为大屏幕上的条纹
【发布时间】：2016-10-13 14:56:25
【问题描述】：

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

【问题讨论】：

【解决方案1】：

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

举个例子：

img {width: 50%;}

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

这将使您的图片在桌面上的宽度为 50%，但在屏幕为 767 像素或以下的移动设备上，图片的宽度为 100%。

【讨论】：

我之前尝试过媒体查询和剪辑，但我没有得到类似图像的条纹。你的代码中的高度呢？
@koolguy 您可以使用此处定义的方法：stackoverflow.com/questions/493296/… 为桌面设置所需的图像，然后为移动视图覆盖该图像。