缩放页面不影响布局的方法
关于浏览器缩放所引起的页面布局错乱
·
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;
} 
为开发者提供学习成长、分享交流、生态实践、资源工具等服务，帮助开发者快速成长。
更多推荐
7
0- 0
已为社区贡献1条内容
所有评论(0)