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">

评论

(= ̄ω ̄=)··· 暂无内容!

回复

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

微信扫一扫
关注该公众号