h5 自适应页面背景图无法自动适应的问题
有时候制作好自适应页面,上面用的是背景图,发现在手机中,宽度会出现不能100%显示的问题,虽然样式中我们使用了 width为100%。
加入以下语句
<html> <head> <meta name="viewport" content="width=1200px">
当只设置width属性值,而不指定initial-scale属性值时,大多数浏览器会自动缩放。
如果width属性值大于理想视口宽度,则视觉视口放大为width的值,计算得到scale小于1.0;
如果width属性值小于理想视口宽度,则视觉视口缩小为width的值,计算得到scale大于1.0;