在移动端开发中，背景图片处理是个常见问题。当页面内容较多时，通常使用CSS设置背景图片，如`background-size: 100% auto;`。然而，对于内容较少或仅含一张图片的页面，这种方法可能无效。本文探讨了四种解决方案：1) 水平平铺；2) 垂直平铺；3) 不平铺；4) 将背景图片作为HTML元素，通过设置层的高度并利用JavaScript动态调整大小，以适应不同设备的屏幕尺寸。
关于移动端开发“背景图片的处理”问题
一般在开发过程中，背景图片都是以当成背景的方式，用CSS语法引入到页面中的；
width:100%;heihgt:100%;background:url(./images/Activity/banner.png)no-repeat;);background-size: 100% auto;
上述的这种方式，只能是在网页内容比较多的情况下；
例如：http://127.0.0.1/jr1/TT/weixin/card_share1;
但是当页面内容较少，或者是只有一张图片的情况下，上述的这种方式是不能解决问题的。例如：http://127.0.0.1/jr1/TT/wish/sky;
所以，可以尝试用下面的这几个方法：
1.仅水平方向平铺：
<
最低0.47元/天 解锁文章
扫一扫
1403
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
