根据浏览器大小,很多实际情况是受入力设备大小影响,根据屏幕大小调整页面显示效果
一般在考虑 设备或者浏览器大小
首先:设置可视窗
<meta name="viewport" content="maximum-scale=1.0,minimum-scale=1.0,user-scalable=0,width=device-width,initial-scale=1.0"/>
然后,设置条件(屏幕最大宽度为500(小于500时间生效))
@media screen and (max-width:500px) {
/*新的布局*/
}