昨日、モバイル向けに最適化されたページの作成を調査しているときに、メディアクエリを紹介されました。私の最初の解釈とは反対に、メディアクエリは、既存のスタイルシートに加えて使用され、既存のスタイルシートをオーバーライドするスタイルシートに転送することがわかりました。
そうですか?元のスタイルシートを無視してモバイル用のスタイルシートを使用するように訪問者のブラウザに指示する方法はありますか?
既存のコードは次のとおりです。
<link href="styles_mobile.css" media="screen and (max-device-width: 480px)" type="text/css" rel="stylesheet">
<link type="text/css" href="styles.css" rel="stylesheet">