盒子布局在全屏模式下排版完好,但是当界面缩小时,就会出现偏移,导致最初的排版都出现问题
我的最初界面放大情况下:
我的最初界面缩小情况下:
排版会随着缩小界面的大小进行移动,但实际状态下是不应该出现这样的状况,实际状态应该是底部添加了滚动条,然后看不见的排版与原先全屏时的布局相同,例如:
如图,头部与导航栏右边部分应该是看不见的;
有这个效果我是在我的网页body中添加了样式
min-width: 1200px;
body{
width: 95%;
position: absolute;
left: auto ;
top: 0px;
/*缩小界面不变,变滚动条*/
min-width: 1200px;
overflow-x: auto;
margin: auto;
/*max-width:100%;*/
}
这是设置了缩小图最多可以缩屏到1200px,就有点像给网页设置了宽度,然后多余部分,就会选择给出滑动条,然后不影响原有布局
(以上是个人理解,可能有错)