0

twitter-bootstrap.css を使用して幅の広いテーブルを作成しました。
表の端からコンテンツがはみ出していたので、bootstrap.css にこの行を追加しました。

最小幅: 400px;

ブートストラップ.css

body { 
    min-width: 400px;
    padding-top: 60px;
    padding-bottom: 40px;
    background-color: #27292b;
    background: url('/assets/body-bg.jpg');
}

しかし今、スマートフォンがページをロードすると、最初の外観がデフォルトで拡大されます。
どうすれば収まるようにできますか？

index.html

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

1 に答える 1

1

ブートストラップでは、特にモバイル デバイスで、大量のコンテンツを含むテーブルを表示するのは簡単ではありません。

最初に、モバイル デバイスで必要なコンテンツの量を考えます。それでも問題が解決しない場合は、次のようにビューポート メタ タグの初期スケールを小さくすることで、モバイル ビューポートのサイズを大きくすることができます。

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

これにより、表示される量が 2 倍になります -initial-scale必要に応じて値を調整してください。

モバイル デバイスで一部の要素を非表示にする方法を知りたい場合は、http://twitter.github.com/bootstrap/scaffolding.html#responsiveをご覧ください。<td>

于 2013-01-06T10:55:50.860 に答える