网页在手机中 100% 变 980px 的解决

作者:vkvi 来源:千一网络(原创) 日期:2018-9-7

100% 的 div,在手机版中显示并没有显示全,有一处空白,具体跟踪后,发现只有 980px 的宽度,为什么手机版屏幕明明不止 980px,却只显示 980px呢?原来它给 body 定义的 100% 就是 980px。

解决办法

法一、据说通过 viewport 设置 width=device-width。

这个是据说的,我也没去试,因为我觉得这样不好看,浏览器的宽度变成 400 左右,内容都放大了。这个只适用于定制的手机版,电脑版在手机中这样显示还是不太好。

法二、给 body 设置 min-width:要的宽度。

为避免在电脑浏览器中出问题,最好设置 min-width,而不是 width。

你前面那位网友看了:Chrome 浏览器由贵单位管理原来是阿里旺旺

▲▲▲欢迎转载传播本站原创文章,请保留来源。▲▲▲

本站永远终止与捏造“罪名”不支付广告费的某度联盟合作。

文章评论
标题:必填
内容: