1,首先这个问题,不管min-width的事。错误的认为!!!!!!为什么错误,看下边第3条。
2,首先,看 meta标签,name为viewport的meta标签的事。
<meta name="viewport" content="width=device-width, initial-scale=1"> //这里就只会显示一角
<meta name="viewport" content="width=device-width, initial-scale=0"> //这里就会满屏显示。
---上边代码width设置的是device-width(设备的宽度,通用写法) 。
---initial-scale表示将width缩放比例,1表示不缩放,0表示缩放到最小。
---initial-scale
初始缩放。即页面打开时默认的初始缩放程度。这是一个浮点值,是页面大小的一个乘数。例如,如果你设置初始缩放为“1.0”,那么,web页面在展现的时候就会以target density分辨率的1:1来展现。如果你设置为“2.0”,那么这个页面就会放大为2倍。 如果设置为0,表示缩放到最小。
3,其次,必须设置min-width宽度:
---手机端火狐,微信浏览器兼容性(显示不全)解决方案?
例如在微信浏览器或者手机火狐浏览器下,banner和footer只显示一小部分(大概三分之一),商品列表竖排显示,不能正常的横排显示。
***解决方法:设置min-width属性,min-width:1000px;min-width设置的大小和网页主体中间部分一样即可,或者和商品列表大小一样。
4,参考网站:http://www.phpvar.com/archives/2249.html
浙公网安备 33010602011771号