Warning: file_get_contents(/data/phpspider/zhask/data//catemap/3/html/90.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181

Warning: file_get_contents(/data/phpspider/zhask/data//catemap/8/selenium/4.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
视口元标记在Android上未按预期工作_Android_Html_Ios_Css_Viewport - Fatal编程技术网

视口元标记在Android上未按预期工作

视口元标记在Android上未按预期工作,android,html,ios,css,viewport,Android,Html,Ios,Css,Viewport,我制作了一个响应迅速的网站,并使用viewport meta标记修复了不同设备上的缩放。我还使用JavaScript告诉设备不要缩放到525px以下,因为这是我的body元素的最小宽度: <meta id="myViewport" name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, minimum-scale=1" /> window.onload = function ()

我制作了一个响应迅速的网站,并使用viewport meta标记修复了不同设备上的缩放。我还使用JavaScript告诉设备不要缩放到525px以下,因为这是我的body元素的最小宽度:

<meta id="myViewport" name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, minimum-scale=1" />

window.onload = function () {
    if(window.innerWidth <= 525) {
        var mvp = document.getElementById('myViewport');
        mvp.setAttribute('content','width=525');
    }
}

window.onload=函数(){

如果(window.innerWidth页面内容比设备视口宽,Chrome将加载完全缩小的页面,以便所有内容都可见


在您的情况下,浏览器受到了过度约束。如果当页面内容比设备视口宽时,window.innerWidth,Chrome将加载完全缩小的页面,以便所有内容都可见

您对浏览器的约束过度。如果window.innerWidth