浏览器缩小后页面变形_html/css_WEB-ITnose

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

.headDiv{

width：100%；

}

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

这时候我们改成

.headDiv{

width:100%;

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

}

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

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