移动 Chrome 浏览器的显示与其他移动浏览器不同
蒂莫
我正在尝试使用此机器人先生封面图片构建响应式网页。它确实有效，只有移动 Chrome 浏览器会出问题。
正如您在下面的第二张图片中看到的那样，封面图片略微悬垂在屏幕的右端，我不知道为什么。有人知道为什么 Chrome 在这种情况下会遇到麻烦吗？
这是我使用的代码：
HTML
<div class="wrapper">
<img src="..." class="cover">
</div>
CSS
.wrapper img.cover {
max-height: 100%;
max-width: 100%;
text-align: center;
}
它在 Safari、Firefox 和 Opera 上的外观：
它在 Chrome 上的外观：
谢谢！
米兰·阿赫达
试试这个
.wrapper{
width: 100%;
padding: 15px;
box-sizing: border-box;
}
.wrapper img{
max-width: 100%;
height: auto;
}
本文收集自互联网，转载请注明来源。
如有侵权，请联系[email protected] 删除。
编辑于
相关文章
Related 相关文章
- 1
桌面浏览器显示与移动浏览器不同
- 2
无法将Google Chrome浏览器标签页移动到Ubuntu中的其他监视器
- 3
在Chrome移动浏览器中禁用图像压缩
- 4
Chrome移动浏览器中的水平页面滚动
- 5
在Chrome浏览器中多行鼠标移动？
- 6
移动设备上的Google Chrome浏览器会在文件输入中触发其他不需要的MouseEvent
- 7
在系统浏览器（例如 safari、chrome 等）而不是移动应用浏览器中打开 URL？
- 8
在Chrome切换设备模式和移动浏览器中，ExtJS Web显示有所不同
- 9
Chrome中的OrderBy排序方式与其他浏览器不同
- 10
Chrome中的OrderBy排序方式与其他浏览器不同
- 11
Chrome中的OrderBy排序方式与其他浏览器不同
- 12
Chrome浏览器不显示特殊字符，而其他浏览器却显示
- 13
带有链接的列列表-Chrome浏览器中的项目在点击时会向下移动
- 14
如何在Chrome移动浏览器中查看与“网络”标签相关的信息
- 15
在chrome浏览器的输入字段中使用readonly属性时如何启用光标移动
- 16
移动版Safari / Chrome浏览器中出现图片错误加载占位符图片问题
- 17
Windows 8上的Chrome浏览器向下/向上/移动触摸屏
- 18
在chrome浏览器的输入字段中使用readonly属性时如何启用光标移动
- 19
如何在Google Chrome浏览器桌面版中查看网页的移动版本？
- 20
移动版Safari / Chrome浏览器中出现图片错误加载占位符图片问题
- 21
强制Google Chrome浏览器始终在某些页面的移动版本中运行
- 22
为什么我的网站在移动版 chrome 浏览器上的外观与桌面版 chrome 的分辨率不同？
- 23
某些图片未在移动浏览器中显示（但在桌面浏览器中显示）
- 24
在移动浏览器中显示隐藏的溢出，但在桌面浏览器中不显示
- 25
与其他浏览器相比，Chrome中的图像质量差
- 26
Chrome阵列订购与其他浏览器不正确
- 27
Chrome CSS 行为与其他流行浏览器的对比
- 28
如何在Firefox开发人员版中为移动设备模拟Chrome浏览器
- 29
删除/移动Google Chrome浏览器左下方的状态栏（链接地址栏）
我来说两句