码迷,mamicode.com
首页 > 移动开发 > 详细

经验一Html页面在手机端出现右边空白(老大:张国辉)

时间:2020-05-01 12:49:10      阅读:367      评论:0      收藏:0      [点我收藏+]

标签:宽度   rop   -o   mic   width   空白   模块   经验   nbsp   

技术图片

 

电脑端的缩小屏幕后有内容超出。

我的思路:

1,哪里超出就调整哪个模块。结果:元素是不超出,但是右边还是留白。

2, 在调试的时候发现:width: fit-content;  好像可以,但是在电脑端屏幕又不行了。

 

分析:

1,原因是什么导致的呢?网上说:Html页面在手机端出现右边空白是因为:body里有一个div把页面撑宽了,就是儿子的宽度比父亲,或者祖辈大就会出现这种 情况网页右侧留白

,用:内部div最好不要定宽(可以定高),尽量用百分比。

 

老大分析:

把元素删除看看到底是哪个元素引起的,然后,全部都删了,还是有,那就是body/html的事情了。

他用了:body{ width: 100%; min-width: 1120px;},就可以了。(说明:1120是其中一个子元素的宽度)。最小宽度不能小于子元素的最大宽度。

技术图片

 

经验一Html页面在手机端出现右边空白(老大:张国辉)

标签:宽度   rop   -o   mic   width   空白   模块   经验   nbsp   

原文地址:https://www.cnblogs.com/lvqiupingboke-2019/p/12812938.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!