Html页面在手机端出现右边空白

1、原因分析

一般遇到这种情况就是body里有一个div把页面撑宽了,就是儿子的宽度比父亲,或者祖辈大就会出现这种白边。

2、总结

  1. 内部div最好不要固定宽(可以定高),尽量用百分比。
  2. 一般都可以找出是哪个div宽度超了,如果还是找不到,暴力方法,去滚动条(不推荐) body { overflow-x:hidden; width:100%; }

3、解决方法

在页面的 head 里面加上这句

<meta name="viewport" content="width=device-width,initial-scale=1,user-scalable=no">

评论

weilaiyouaa
weilaiyouaa 4周前 #1

分析原因,方法都有,真的很用心,谢谢博主的分享。 评论来自- www.nxm.com 纳贤猫

赞(1)
回复

回复

您还未登录,请先登录或者注册

微信扫一扫
关注该公众号