浏览器缩小后页面变形

发表于2015-07-17 15:20:32| --次阅读| 来源webkfa| 作者html,css

摘要：在我们DIV 外层布局的时候，样式里面有时候会使用width:100%;.headDiv{width：100%；}当我们缩小浏览器的时候便会发生布局变形；这时候我们改成.headDiv{width:100%;min-width:1360px; /*给最小的固定值，*/}当我们浏览器大于1360px ...

在我们DIV 外层布局的时候，样式里面有时候会使用width:100%;

.headDiv{

width：100%；

}

当我们缩小浏览器的时候便会发生布局变形；

这时候我们改成

.headDiv{

width:100%;

min-width:1360px; /*给最小的固定值，*/

}

当我们浏览器大于1360px 的时候

便会100%的适应，如果浏览器缩小于1360px,布局便会按照最小值进行固定 min-width