Web サイトのレスポンシブ デザインを作成しています。
このために、2 つの個別の css ファイルを作成しました。
<link rel="stylesheet" type="text/css" media = "screen and (min-device-width: 500px) and (max-device-width: 1500px)" href="style.css" />
<link rel="stylesheet" type="text/css" media="screen and (max-device-width: 500px)" href="mobile.css" />
どの電話から見ても問題なく動作します。しかし、PC でブラウザのサイズを変更しても、スタイルシートは変更されません。
私は両方のことが起こることを望んでいます。スタイルシートは、デバイスの幅が変更された場合、またはブラウザー ウィンドウのサイズが変更された場合の両方で変更する必要があります。