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

标签 css image media crop clip

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

最佳答案

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

举个例子:

img {width: 50%;}

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

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

关于css - 将图像裁剪为大屏幕上的条纹,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/37785525/

相关文章:

html - 卡在缩略图图像顶部覆盖播放按钮

javascript - 如何用css和js在图像效果中获得滚动背景?不知道该怎么调用它

python - 图片上传后出现错误

c# - AXWindowsMediaPlayer找不到嵌入式资源MP3

css - 工具提示弹出框区域内的 Accordion 不会出现

jquery - 在 jQuery 中,如何选择隐藏元素?

audio - 开始使用 mediaelement 播放的文件的播放计数

Android:使用默认录像机录制并返回sd卡路径

java - 调整图像大小时出现问题

spring - 如何将 Spring REST 中的图像返回到浏览器