发表于： 2018-09-06 00:08:35
1 740
今天白天有事学习时间很短……不过这个滚动条问题有点，迷。
首先我在开头写了
*{
margin:0;
padding:0;
}了，所以可以排除是这俩的问题，而且我的header和container的宽度都为100vw，理论上来说不会出现滚动条才对。
经过对每个部分的背景变色，我发现这多出来的一块
属于body元素，但是对body元素添加margin属性和padding属性都没有任何影响。
然后我开始在开发者工具里进行各种尝试，发现必须把header的宽度设置为101vw才能不出现这个小空隙，但是这样还是会有滚动条，我就用了
overflow-x:hidden; 这样起码看起来是没有滚动条+完美重合没有空隙的了。
不过如果直接加上面的属性还是会有空隙但是页面没有滚动条了。
但是真的很奇怪为什么需要101vw才会完全重合，因为我有设置
width=device-width所以vw应该就是设备的宽度啊。
搞不懂。
返回列表
评论