0

流動的なレイアウト、画面解像度、Twitterのブートストラップ自体がどのように機能するかについて少し混乱しています。

私はサイトをあざけるのは早い年齢です。

ですから、私がこれまでに行ったことは、デスクトップ上ではかなりよく見えます。

ここに画像の説明を入力してください

ウィンドウのサイズをクロームでサイズ変更すると、レイアウトもかなりうまく適応します(完璧ではありませんが)。

ここに画像の説明を入力してください

私を混乱させているのは、iPhoneとiPod touchから閲覧したときに、大きなデスクトップレンダリングの半壊したバージョンがレンダリングされたということです。

ここに画像の説明を入力してください

メディアクエリを使用して、これらの特定の画面のcssに個別に影響を与えることができることを私は知っています:

/* Large desktop */
@media (min-width: 1200px){

}

/* Portrait tablet to landscape and desktop */
@media (min-width: 768px) and (max-width: 979px) { 

}

/* Landscape phone to portrait tablet */
@media (max-width: 767px) {

}

/* Landscape phones and down */
@media (max-width: 480px) {

}

しかし、デスクトップでウィンドウサイズを手動で縮小したときに表示されるのと同じものがiPhoneに表示されるべきではありませんか?

ここでサイトのライブバージョンを見ることができます。

4

1 に答える 1

2

モバイルブラウザの初期ビューポートサイズも定義する必要があります。

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

詳細については、http://www.quirksmode.org/blog/archives/2010/09/combining_meta.htmlをご覧ください。

于 2013-03-26T21:13:01.073 に答える