当前位置:Gxlcms > html代码 > 浏览器缩小后页面变形_html/css_WEB-ITnose

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

时间:2021-07-01 10:21:17 帮助过:13人阅读

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

.headDiv{

width:100%;

}

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

这时候我们改成

.headDiv{

width:100%;

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

}

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

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

人气教程排行