1

そのため、私は常にスマートフォンに対して2つの同一のメディアクエリを実行しているようです。1つは最小または最大幅で、もう1つは最小または最大デバイス幅です(iPhoneなどをターゲットにするため)...

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

     // Some awesome phone-specific CSS

 }
 @media only screen 
 and (min-width : 320px)
 and (max-width : 480px){

     // THE SAME awesome phone-specific CSS as above

 }

今では、これが最も効率的な方法ではないように感じずにはいられません...特に、多くのものを移動したり、サイト/アプリケーションを電話固有のものに変更したりする場合. また、特にタブレットのサイズのためにさらに 2 つの操作を行う必要がある場合。

今、私は本当に両方が必要ですか?それは重要で、違いは正確には何ですか?

4

3 に答える 3

0

おそらく、max-width: 767pxこの方法を使用して、iPad の下のすべてをターゲットにすることができます。

また、動的な幅を指定するだけなので、単一のデバイスを区別する必要はありません。

于 2013-04-19T08:37:50.173 に答える