解决页面缩放错位：导航栏应对策略-CSDN博客

本文链接：https://blog.csdn.net/Y777C/article/details/125884563

1.这里将以百度首页的导航栏作为类似参考

2.当我们对其放大时，出现了滚动条

3.当缩小页面时是这样的

4.当我们自己在写的时候，最初c的时候页面的布局看起来也很好，但一当缩放时就是出现

错位；正常的布局情况如下

当进行放大时会有下面这种情况

当进行缩小时会有这种情况

出现以上类似的情况，我们采取两种方法解决
一.主要思想就是给缩小放大所隐藏的部分加上导航条

html代码部分

<body>
    <div class="top"></div>
<body/>

css部分：设置一个最低宽度和一个最低高度，以保证任意分辨率下，页面缩放到一定宽高出现滚动条

body{
		min-width: 1500px;
		min-height: 600px;
	}

二. 解决思想同一一样

html代码部分

<body>
    <div class="top"></div>
</body>

css代码部分主要设置

.top{	
		width: 1200px;   /*或者width: 1500px*/
		margin: 0 auto;
	}

.top{	
		width: 1200px;   /*或者width: 1500px*/
        margin: 0 auto;
		height: 30px；   
		background-color: pink;
	}

缩放页面不影响布局的方法