解决 html, body 元素未占满全屏的问题
设置
123html, body { width: 100%}
后,并没有解决问题。
因为浏览器默认按照窗口大小(viewport)来设置 html 元素大小。于是,当页面缩小的时候,html 变小,但是页面元素的尺寸是写死的,于是越界,侧边出现白边。
解决办法是设置
123html, body { min-width: 1400px;}
就是设置最小宽度,使得 html 元素包含内部元素。不随着窗口大小改变到最小值以下。
解决 html, body 元素未占满全屏的问题
设置
123html, body { width: 100%}
后,并没有解决问题。
因为浏览器默认按照窗口大小(viewport)来设置 html 元素大小。于是,当页面缩小的时候,html 变小,但是页面元素的尺寸是写死的,于是越界,侧边出现白边。
解决办法是设置
123html, body { min-width: 1400px;}
就是设置最小宽度,使得 html 元素包含内部元素。不随着窗口大小改变到最小值以下。