css - 如何仅针对移动设备左右裁剪图像

标签 css

我是 CSS3 的新手,我在处理图像时遇到了问题...

在桌面网络中,它可以很好地处理大图片和大约 1/10 高度的文本

但在移动设备上,图像太大而无法显示,而且由于屏幕缩小,文本看起来很小。

所以我希望图片在两侧裁剪,保持原始高度。

  • 我正在使用 bootstrap,所以如果有一种奇特的方法来处理 bootstrap 类会更好..

很抱歉我找不到一个简单且可能重复的问题

最佳答案

由于您使用的是 Bootstrap 。 bootstrap.css 中有一个类叫做 .img 响应式

我建议您将此类添加到您的 img 标签

关于css - 如何仅针对移动设备左右裁剪图像,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/39353946/

相关文章:

javascript - 如何在一页wordpress中禁用所有脚本和样式表

javascript - MUI - 如何响应地获取 theme.mixins.toolbar.minHeight 值?

css - 如何使用 CSS 将文本环绕在图像周围

css - 如何使用 Ant Design 制作响应式网格?

html - 设置输入文本框字体大小等于输入文本框高度

css - 改变 TVML 元素的字体粗细

javascript - 如何使用 div 在图像上显示文本?

javascript - CSS UI框架和jQuery UI有什么区别

javascript - Bootstrap 3 导航栏链接不起作用

html - 如何在CSS中将水平列表对齐到中心