0

画面の幅に応じて読み込むスタイル シートが 2 つあります。

<link rel="stylesheet" type="text/css" media="only screen and (min-width: 810px), only screen and (min-device-width: 810px)" href="/style/desktop.css" id="platformDependentStyle"/>
<link rel="stylesheet" type="text/css"  media="only screen and (max-width: 800px), only screen and (max-device-width: 800px)" href="/style/mobile.css" />

私が理解できることから、最初のスタイル シートは最小画面幅が 810px 以上のときに読み込まれ、2 番目のスタイル シートは最大画面幅が最大 800px のときに読み込まれます。私のスタイルシートには、これがあります

@media only screen and (min-width: 810px), only screen and (min-device-width: 810px){
@media only screen and (max-width: 800px), only screen and (max-device-width: 800px){

私は正しいと思いますが、明らかにそうではありません。何らかの理由で、810px からのスタイリングが適用されるべきではないときに適用されています。基本的な何かが欠けていますか?

4

0 に答える 0