1.这里将以百度首页的导航栏作为类似参考
2.当我们对其放大时，出现了滚动条
3.当缩小页面时是这样的
4.当我们自己在写的时候，最初c的时候页面的布局看起来也很好，但一当缩放时就是出现
错位；正常的布局情况如下
当进行放大时会有下面这种情况
当进行缩小时会有这种情况
出现以上类似的情况，我们采取两种方法解决
一.主要思想就是给缩小放大所隐藏的部分加上导航条
html代码部分文章来源：https://www.toymoban.com/news/detail-481929.html
<body>
<div class="top"></div>
<body/>css部分：设置一个最低宽度和一个最低高度，以保证任意分辨率下，页面缩放到一定宽高出现滚动条
body{
min-width: 1500px;
min-height: 600px;
}二. 解决思想同一一样
html代码部分
<body>
<div class="top"></div>
</body>css代码部分主要设置文章来源地址https://www.toymoban.com/news/detail-481929.html
.top{
width: 1200px; /*或者width: 1500px*/
margin: 0 auto;
} .top{
width: 1200px; /*或者width: 1500px*/
margin: 0 auto;
height: 30px；
background-color: pink;
} 到了这里，关于缩放页面不影响布局的方法的文章就介绍完了。如果您还想了解更多内容，请在右上角搜索TOY模板网以前的文章或继续浏览下面的相关文章，希望大家以后多多支持TOY模板网！
