网站在iPad的肖像和流动的风景不结垢

我一直试图让该网站扩展到适合于肖像的iPad，但无济于事..这是我的荟萃：网站在iPad的肖像和流动的风景不结垢

<meta name="viewport" content="width=device-width, initial-scale=1.0">

也添加了这个脚本：

<script type="text/javascript"> 
    if(navigator.userAgent.match(/iPad/i)) { 
     viewport = document.querySelector("meta[name=viewport]"); 
     viewport.setAttribute('content', 'width=980'); 
    } 
</script>

和我在查询CSS我尝试这样做：

@media only screen and (min-width: 768px) and (max-width: 1024px) { 
    body {min-width: 980px;} 
}

基础上什么，我在这里看到：

iPad not scaling site down website correctly in portrait orientation

我试过高度过，但都无济于事......

也有一个类似的问题在这里：

Safari on iPad Does Not Fit 980px Width Site in Portrait Mode

但说实话我没”不知道是否还有答案（我没有考虑视口..）...

正如我所说，看起来不错，但在肖像我哈哈已经滑到左边看到整个事情。最后在移动它完全符合320，但是当它仍然停留在320，所以我认为它可能是相同的情况下缩放 ....我假设我不必使用％....但是那种情况？

来源

2013-01-24 Riskbreaker

也许是由于旧的“orientation problem”。

你可能想试试这个代码：

if (navigator.userAgent.match(/iPad/i)) { 
var viewportmeta = document.querySelector('meta[name="viewport"]'); 
if (viewportmeta) { 
    viewportmeta.content = 'width=device-width, minimum-scale=1.0, maximum-scale=1.0, initial-scale=1.0'; 
    jQuery(document).ready(function() { 
     document.body.addEventListener('gesturestart', function() { 
      viewportmeta.content = 'width=device-width, minimum-scale=0.25, maximum-scale=1.6'; 
     }, false); 
    }); 
} 
}

来源

2013-01-25 02:08:38 user1900121

是的，我已经有这个脚本，但它似乎仍然导致问题....我检查了一些非常大的公司网站，他们也有这个问题....所以可能不必疯狂在此...唯一一个看起来准确的是土坯网站，但他们使用％... loooot ... – Riskbreaker

感谢您的帮助，我会批准这一点，因为不是我需要的答案，但是很接近。 – Riskbreaker