可扩展的移动背景

时间:2014-04-01 11:38:19

标签: android html ios css mobile

我已经找到了高低的答案,但似乎没有什么对我有用。

基本上我正在尝试在我的网站上为移动设备/平板电脑设备制作可扩展的背景图片。

似乎正在使用mobiletest.me,但是当我尝试在本机浏览器和Dolphin上打开Samsung Note 1上的页面时,背景非常大而且没有缩放以适应屏幕。我还没有机会在现实生活中的任何其他设备上试用它,但如果你和我不同的手机,请告诉我你能看到的内容。您可以在此处查看我正在构建的网页testing site

请让我知道我做错了什么!

非常感谢和最好的, 李慈

1 个答案:

答案 0 :(得分:0)

请尝试以下操作,但请注意何时使用此功能。背景图像可能不成比例。但它总是适合屏幕大小。

div
{
   background:url(img_flwr.gif);
   background-size:100% 100%;
   background-repeat:no-repeat;
}

http://www.w3schools.com/cssref/css3_pr_background-size.asp