开发手机网页,如何让body的背景图片覆盖整个手机屏幕?自适应整个屏幕?

开发手机网页,如何让body的背景图片覆盖整个手机屏幕?自适应整个屏幕?

用什么代码实现?不允许有白色底色产生,因为手机高度不一样

阅读 9.7k
5 个回答

background-size: cover

楼上正解
还有一种方法就是js获取浏览器高度,动态添加给body就行了。

background-size:100% 100%;

这个问题其实需要你和UI设计对于移动端兼容有一定了解一起合作的。作为一张兼容性高覆盖去全屏的图来说。需要你和设计的一起合作的。
能兼容各种移动端全屏的背景一定有以下几个特点。
1,内容在中间,
2,4边尽量是纯色或者能用css写出来的

这个对背景图也要妥协的,你想想你要是一张超长的图怎么也不可能做到不是吗

撰写回答
你尚未登录,登录后可以
  • 和开发者交流问题的细节
  • 关注并接收问题和回答的更新提醒
  • 参与内容的编辑和改进,让解决方法与时俱进