2017-04-22 4 views

答えて

0

の割合で320PXになります。

@media only screen and (min-device-width : 320px) and (max-device-width : 640px) { 

     /* STYLES GO HERE */ 
    } 

すべてのデバイスのメディアクエリについては、Googleのデバイスの画面解像度を調べ、その値をメディアクエリに使用するだけです。ここで

+1

外部リソースにリンクすると便利ですが、回答に関連する部分を含める必要があります。これにより、情報に常にアクセスできるようになります。 –

+0

それに同意します。答えを更新しましょう。 –

0

これは動作するはずです。第6世代のiPod touchは640pxのピクセル幅を持つRetinaディスプレイです。これは、以下の要件に固有の解である2

@media only screen and (device-width: 320px) and (-webkit-min-device-pixel-ratio: 2) 
0

は、ほとんどのメディアクエリのリストです:

/*カスタム、iPhoneのRetina */ @mediaのみ画面と(最小幅:320ピクセル){

}

/*エクストラ小型デバイス、携帯電話*/ @mediaのみ画面と(最小幅:480PX){

}

/*小型デバイスのみ画面と@media、錠剤*/ (最小幅:768px){

}

/*メディアデバイス、デスクトップ*/ のみ画面と@media(最小幅:992px){

}

/*大型機器、ワイドスクリーン*/ @mediaのみ画面と(最小幅:1200px){

}

関連する問題