1360 * 768画面のメディアクエリを書き込む方法は？

Question

私は自分のサイトのメディアクエリに取り組んでいます。

1024 x 768の画面サイズのメディアクエリを作成しました。うまくいきます。 1360 x 768画面サイズのメディアクエリも作成しましたが、動作しません。これまで私がこれまで持っていたことは次のとおりです。

@media (min-width: 992px) and (max-width: 1199px) { 
    #loginrow { 
    padding: 135px 0; 
    } 
} 

@media (max-width: 1360px) { 
    #loginrow { 
    padding: 135px 0; 
    } 
} 

これはどのように正しく示唆できますか？

Answer 1

min-widthsを使用するだけで、より高い解像度に達したときにクエリがその前のものよりも優先されます。

@media (min-width: 992px) and (max-width: 1199px){ #loginrow{ padding: 135px 0; } } 
@media (min-width: 1360px){ #loginrow{ padding: 135px 0; } }