移动设备的背景大小
卡扎耶夫·马拉特
我正在尝试为移动设备制作背景图像，例如：
body {
background: url("/resources/img/background2.jpg") no-repeat fixed;
-webkit-background-size: 100%;
-moz-background-size: 100%;
-o-background-size: 100%;
background-size: 100% 100%;
}
在Chrome开发人员的工具中，它看起来不错，但在实际设备（屏幕尺寸较小）上却不是。为什么会这样，如何解决这个问题？
快照：
新陈代谢
您需要可以在智能手机上缩小的响应式背景图像。用这个：
background-image:url('/resources/img/background2.jpg');
-webkit-background-size: 100%;
-moz-background-size: 100%;
-o-background-size: 100%;
background-size: 100%;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
本文收集自互联网，转载请注明来源。
如有侵权，请联系[email protected] 删除。
编辑于
相关文章
Related 相关文章
- 1
移动设备上的背景图片大小
- 2
固定了移动设备上的背景
- 3
（CSS）无法调整移动设备的背景图片大小
- 4
自动调整背景图像大小以适合较小的窗口和移动设备-HTML / CSS
- 5
用于移动设备尺寸的HTML背景视频？
- 6
修复非RWD网站的移动设备背景
- 7
无法在移动设备上使用线性背景
- 8
在移动设备上调整Mathjax的大小
- 9
在移动设备上调整SVG的大小
- 10
防止调整移动设备回发的大小
- 11
在移动设备上调整图像大小
- 12
为移动设备调整页脚大小
- 13
CSS背景图片未在移动设备上显示
- 14
移动设备上的背景图像显示不正确
- 15
多个CSS背景图片在移动设备上
- 16
全屏背景不适用于移动设备
- 17
背景图片未显示在移动设备上
- 18
Chrome 移动设备上的背景图像和复杂渐变
- 19
背景图像在移动设备上多次显示
- 20
使用javascript调整和调整移动设备大小的准则
- 21
调整iFrame内容大小无法在移动设备上使用
- 22
表格不适合移动设备上的父容器大小
- 23
禁用移动设备上的缩放以固定视口大小
- 24
HTML / CSS：表格字体大小在移动设备中不同
- 25
使用CSS为移动设备调整div的大小
- 26
bootstrap3移动设备和屏幕的按钮大小不同
- 27
CSS使字体大小适合移动设备/较小的屏幕
- 28
如何防止移动设备调整大小并使用正确的CSS文件
- 29
调整所有移动设备的DIV表大小
我来说两句