html - CSS - モバイル デバイス

Question

2 つの.cssファイルがあります。1 つは 用で、もう 1 つ@media only screenは@media only max-device-width: 480px

htmlファイルには、これがあります：

<link rel="stylesheet" href="welcome_mobile.css"media="only max-width: 480px" type="text/css"/>
<link rel="stylesheet" href="welcome_style.css"media="only screen" type="text/css"/>

しかし、モバイル画面は機能せず、まだデスクトップ画面が表示されています。これについて何ができますか？

Answer 1

順序を変更して<link>ください:)-コードの記述方法によって機能する場合があります...

設定することもできますwelcome_style.css media="only screen and (min-width:480px)"

あなたの問題は、それonly screenがモバイルにも当てはまることです..