Question

自适应网站,页面缩小,div不要错位,可以出现滚动条呀

css样式

.innav { width: 100%; min-height: 30px; overflow: hidden; background-color: #F1F1F1; margin-bottom: 1px;
}
.navheader {
float: left;
width: 100px;
height: 30px;
line-height: 30px;
padding-left: 8px;
}

.navlist {
float: left;

}
.navheader span{font-size:14px;margin:0px;color:#3986b0;}

.navheader .glyphicon {
float: right;
font-size: 10px;
font-weight: 100;
margin-top: 8px;
}

.navlist ul{list-style-type: none;margin: 0px;padding: 0px;width: 100%;}
.navlist ul li{float: left;height:25px;min-width:130px;line-height:25px;margin: 4px ;text-align:center;border-left: 1px solid #E5E5E5;cursor: pointer;}

.more{float: left;width: 90px;height: 30px;line-height: 30px;text-align: center;}
.listyle{
border:1px solid #3986b0 !important;
color:#3986b0 ;
border-radius:4px;
}
.navlist ul li:hover{
border:1px solid #3986b0 ;
border-radius:4px;
color:#3986b0;

}

i:hover{
background-color:#3986b0;
color:white;
}

a:hover,a:link{text-decoration:none;}
我想问下自适应网站，如何让页面缩小到一定宽度，就不能缩小了呢？





Answer 1

网站自定义缩放随着浏览器的变化而变化，解决方式：
1、设置你的区域块以及图片等用百分比来控制，如大的区域款100%，内部的按百分之一到百分之百来调整；这样的话，再如何也不会出现div错位以及出现滚动条，如果出现了，那么就有可能是你设置了固定的width宽度溢出；
2、用@media screen and (max-width:360px){body{font-size:16px}}来判断比如当前是，当浏览器的width宽度小于360px的时候那么body就执行文字为16px；
@media screen and (min-width:360px){body{font-size:18px}}就是当浏览器宽度大于360px的时候就执行body文字为18px
希望我的回答对你有所帮助，如果还有其他疑问，请继续追问我；

追问

自适应网站，如何让页面缩小到一定宽度，就不能缩小了呢？右边框架的