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;

posted @ 2024-04-18 14:02  fogwu  阅读(90)  评论(0编辑  收藏  举报