メディアクエリーCSSは、いったん適用されると、異なるピクセル比率のプロパティをオーバーライドしません。

Question

enter image description here異なる幅のピクセルでCSSプロパティを適用しています。子の幅のプロパティをオーバーライドする親のプロパティ。例最大幅425ピクセル、最大幅375ピクセル。それが適用され、うまくいきますが、後でうまくいきません。開発者ツールでは、CSSのプロパティにストライキがあります。

Answer 1

最も一般的なエラーは、スタイルのカスケード配置には注意しません。

意味、仕事への本のための基本要件は、あなたが次の階層を持つことです。

/* base CSS styles */ 
html { 
    font-size: 10px; // Generic style 
} 

@media (max-width: 425px) { 
    /* css for 425px and below */ 
} 

@media (max-width: 375px) { 
    /* css for 375px and below */ 
} 

あなたがあなたのメインの、単一のファイルでの作業、またはいくつかの種類の輸入を使用している場合、どんなにスタイルは常に最初に来ますあなたのメディアクエリは、最も高い幅から最も小さい幅に積み重ねる必要があります。