固定寬度視口大於上述寬度

我有一個網站的移動，大字體，大圖片等優化目前，我有以下視窗：固定寬度視口大於上述寬度

<meta name="viewport" content="width=640, user-scalable=no, maximum-scale=1">

其中一期工程只是大上的所有設備到目前爲止，我已經測試過。但是，在分辨率大於640的iPad上（第一個），我在右側獲得了一些空白區域。

我喜歡它，只是根據設備放大或縮小，這是我能做的嗎？

來源

2013-01-04 jValdron

該問題是由maximum-scale=1屬性引起的。您的視口大小（640px）小於iPad的顯示寬度，但Safari不會放大以消除此空白，因爲比例固定爲100％。刪除maximum-scale=1屬性，並且空白應該消失。

來源

2013-01-04 16:11:36

不太好用，仍然有一些空白區域，因爲它仍然在640px以下，所以我不得不使用initial-scale = 1.2來使它適合iPad。 – jValdron

我的不好。根據[Safari Web Content Guide]（http://developer.apple.com/library/iOS/#documentation/AppleApplications/Reference/SafariWebContent/UsingtheViewport/UsingtheViewport.html），將視口縮放設置爲1.0將會留下空格if視口小於設備寬度。您將需要刪除縮放設置以擺脫此空白。我已經更新了我的答案以反映這一點。 –

太棒了！似乎已經解決了我的問題，讓我做一些測試，如果一切順利，我會接受你的答案:) – jValdron

固定寬度視口大於上述寬度

回答

相關問題