目前正在开发此论坛/网站:
在内容方面有很多要完成,但我目前在调整移动设备(如ipad和三星安卓平板电脑等)上的各种背景时遇到一些问题。
通过谷歌浏览器和互联网资源管理器在笔记本电脑上查看时,一切似乎都运行良好。
我使用的代码如下
body {
-webkit-background-size: cover;
-ms-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
}
html { height: 100%; width: 100%; }
我似乎无法在ipad /平板电脑等上调整背景大小,而无需在Internet Explorer上更改此项以更改文本框的大小。即,当我将html标签从100%更改为75%时,背景保持不变,但论坛类别的大小减少
如果我卸下最后的html行,那么在放大和缩小文本时,所有设备上的图像都会失真。
有什么想法吗?
答案 0 :(得分:0)
您可以尝试将其用于较小的屏幕:
body {
background-color: #000;
background-size: contain;
background-position: center top;
background-repeat: no-repeat;
}