0

iPhoneのモバイル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 に答える