视口元标记在Android上未按预期工作
我制作了一个响应迅速的网站,并使用viewport meta标记修复了不同设备上的缩放。我还使用JavaScript告诉设备不要缩放到525px以下,因为这是我的body元素的最小宽度:视口元标记在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 ()
<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