0

解像度が720x1280のギャラクシーネクサスを入手しました。しかし、$（window）.width（）を呼び出すと、360pxが返されます。他のデバイスで$（window）.width（）の値を計算する方法はありますか？たとえば、Galaxy s 480x800？メディアクエリには次の値が必要です。

@media only screen and (min-width: 360px){
    body{
        font-size: 62.5%;
    }
}
4

1 に答える 1

2

あなたが私の答えを好きになるかどうかはわかりません..しかし、ここに行きます.

幅 (少なくとも固定幅) を忘れて、Web サイトをデバイスにとらわれないようにします。ブレークポイントは、一般的なデバイスの解像度に基づいて作成するのではなく、コンテンツに基づいて作成してください。「これは正しくない」という直感が得られるまで、ブラウザ ウィンドウを拡大し続けます。これが次のブレークポイントです。

メディアクエリの宣言であっても、可能な限り流動的に保ち、相対的な単位に依存してください。

Chris Armstrong によるこの記事を読むことをお勧めします: http://www.alistapart.com/articles/the-infinite-grid/ (ALA は一時的にオフラインのようですが)

質問の要点を逃した場合は、反対票を投じてください。ただし、これがあなたが探しているものであると確信しています。

于 2012-11-12T18:55:54.647 に答える