浏览器缩小后页面变形_html/css_WEB-ITnose
来源:动视网
责编:小采
时间:2020-11-27 16:08:47
浏览器缩小后页面变形_html/css_WEB-ITnose
浏览器缩小后页面变形_html/css_WEB-ITnose:在我们DIV 外层布局的时候,样式里面有时候会使用width:100%; .headDiv{ width:100%; } 当我们缩小浏览器的时候便会发生布局变形; 这时候我们改成 .headDiv{ width:100%; min-width:1360px; /*给最小的固定值,*/ } 当我们浏览器大于13
导读浏览器缩小后页面变形_html/css_WEB-ITnose:在我们DIV 外层布局的时候,样式里面有时候会使用width:100%; .headDiv{ width:100%; } 当我们缩小浏览器的时候便会发生布局变形; 这时候我们改成 .headDiv{ width:100%; min-width:1360px; /*给最小的固定值,*/ } 当我们浏览器大于13

在我们DIV 外层布局的时候,样式里面有时候会使用width:100%;
.headDiv{
width:100%;
}
当我们缩小浏览器的时候便会发生布局变形;
这时候我们改成
.headDiv{
width:100%;
min-width:1360px; /*给最小的固定值,*/
}
当我们浏览器大于1360px 的时候
便会100%的适应,如果浏览器缩小于1360px,布局便会按照最小值进行固定 min-width
浏览器缩小后页面变形_html/css_WEB-ITnose
浏览器缩小后页面变形_html/css_WEB-ITnose:在我们DIV 外层布局的时候,样式里面有时候会使用width:100%; .headDiv{ width:100%; } 当我们缩小浏览器的时候便会发生布局变形; 这时候我们改成 .headDiv{ width:100%; min-width:1360px; /*给最小的固定值,*/ } 当我们浏览器大于13