网页在手机中 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。

你前面那位网友看了:SharePoint 中如何删除列表的栏

▲▲▲嘿,欢迎转载传播本站原创文章,尽量保留来源噢。▲▲▲

文章评论
标题:必填
内容:
本站永远终止与捏造“罪名”不支付广告费的某度联盟合作。
vkvi
vkvi

作者简介: vkvi,致力于 .NET Web 开发、移动开发的技术推广,在 .NET、SQL Server、Windows Server 等方面有深入研究和丰富经验,10 年间共计撰写文章 4000 余篇。 主持金融、国土、农业、电商等多个行业项目执行, 推行“技术提升生产力、人心决定成功率”的管理理论。 联系他