0

我在让 iPhone 的 Mobile Safari 缩放按预期工作时遇到问题。我将 Susy 用于网格：

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

我正在使用这个视口元标记：

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

问题是某些页面在 iPhone 上没有完全按比例缩小。这似乎仅在页面的高度小于其宽度时才会发生。因此，页面不会看到页面的整个宽度，而是按比例缩小，直到它在高度方向上填满视口。“更长”的页面按预期缩小。

我不确定如何解决此问题。我用网格和元标记尝试了几种不同的方法，但无济于事。

4

1 回答 1

0

使用此元标记

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

根据需要给出初始比例。

于 2012-11-07T08:55:05.780 回答