为什么元视口标记在移动Chrome上不起作用

时间:2019-06-23 14:23:25

标签: google-chrome mobile viewport meta

我的Samsung S9 +上的最新移动版本的Chrome 75.0.3370.101,元视图端口标签似乎忽略了显示页面宽度大于设备宽度的缩小页面的设备宽度。如果我将chrome卸载回我的先前版本72.0.3626.121,则代码将按预期工作。尝试清除并重置应用程序/ chrome,然后重新安装均未成功。在三星s9最新版Chrome上试用过,并且可以正常工作。也许我的Chrome坏了?

    <!DOCTYPE html>
    <html> 
    <head> 
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    </head>
    <body>
    <div style="background:#999;padding:20px;height:150px;width:1030px;color:#fff">
    <div style="text-align:right;">this is a test A TEST A TEST</div>
    1<br>
    2<br>
    3<br>
    4
    </div>
    </body>
    </html>`

不只显示视口,而是缩小整个页面,就像没有元视口标签一样。可以在手机上的Firefox浏览器上正常运行。

0 个答案:

没有答案