スタイルシートのCSSメディアクエリ階層

Question

モバイルのファーストレスポンシブデザインでは、メディアクエリの階層はどのようなものになりますか？ 大きなデバイスから小さいデバイスへ、またはその逆に書き込みを開始します。

max-width: 1024{} 
max-width: 768{} 
max-width: 320{} 

or 
max-width: 320{} 
max-width: 768{} 
max-width: 1024{} 

Answer 1

モバイル最初に作業している場合は、この

max-width: 1024{} 
max-width: 768{} 
max-width: 320{} 

Answer 2

ようになり、それはより多くの意味がmin-widthを使用し、最小から最大まで行くことになるだろう。

すなわち

general rules with no media query (smallest)

min-width: 320{}

min-width: 768{}

min-width: 1024{}