iPhone移動Safari：Susy網格在較短的頁面上縮放到高度而不是寬度

Question

我在使iPhone的Mobile Safari縮放按預期工作時遇到問題。我使用與Susy網格：

$total-columns : 12; 
$column-width : 60px; 
$gutter-width : 32px; 
$grid-padding : $gutter-width/2; 
$container-style: static; 

而且我用這個視meta標籤：

meta name="viewport" content="width=device-width" 

的問題是，一些網頁不縮小完全在iPhone上。這似乎只發生在頁面高度小於寬度時。因此，不是看到頁面的整個寬度，而是縮小頁面直到它以高度方式填充視口。 「較長」的頁面按預期縮小。

我不知道如何解決這個問題。我已經嘗試了幾個不同的東西與網格以及元標記，但無濟於事。

Answer 1

使用這個元標記

<meta name = "viewport" content = "height=device-height, width = device-width, 
    initial-scale = .1, user-scalable = yes"> 

給初始規模爲您的需要。