1

私のレイアウトは大きなモニターでは問題なく動作します....しかし、小さな画面のラップトップで適切に表示しようとしています....13インチモニターのcssメディアクエリでどの幅を使用する必要がありますか...混乱しています13インチラップトップの幅

@media (min-width: 768px) and (max-width: 979px) {
@media (max-width: 767px) {
@media (min-width: 1200px) {
@media (min-width: 768px) and (max-width: 979px) {
@media (max-width: 767px) {
@media (max-width: 480px) {
@media (max-width: 979px) {
@media (min-width: 980px) {
4

2 に答える 2

4

ほとんどの 13 インチ モニターは、幅960pxよりも大きいか、幅 1140pxよりも大きくなります。

とはいえ、8 インチまたは 9 インチの画面を備えたネットブックのみで表示の問題が発生します。私が知っているすべての 13 インチ モニターでは、Web ページの表示に問題はありません。ネットブック用にデザインしたい場合は、縦向きのほとんどのタブレットと同様の解像度です。したがって、タブレットや携帯電話のメディア クエリを実行している場合は、の場合、解像度が800x600から1024x768までであるため、ネットブックはタブレットのスタイルを採用する必要があります。

一般に、携帯電話とタブレット以外で異なるスタイル セットを作成する理由はありません。

于 2013-01-30T20:21:23.617 に答える
2

ここでは、すべての解像度とその画面サイズに資金を提供できます。

http://www.codeply.com/responsive-design-cheatsheet.html

あなたが尋ねた質問について: 13' Macbook Air 1440 px x 900px 13 インチ

より多くのテストと調査については、必要なすべての画面解像度をテストし、カスタム画面サイズを入力するオプションを提供する次の Web サイトを確認することもできます。

http://www.infobyip.com/testwebsiteresolution.php

PS: 上記の Web サイトはどれも私に接続されていません。私はただの一般ユーザーであり、Web 開発者です。

于 2016-06-20T13:27:14.980 に答える