テストとcss3の学習のためだけに、小さなモバイルWebサイトを作成しようとしています. しかし、今のところ、スタイルシートのターゲットに小さな問題があります。私はそのような方法でやっています:
<link rel="stylesheet" media="only screen and (max-width: 180px)" href="xsmall.css" />
<link rel="stylesheet" media="only screen and (min-width: 240px)" href="small.css" />
<link rel="stylesheet" media="only screen and (min-width: 320px)" href="medium.css" />
<link rel="stylesheet" media="only screen and (min-width: 480px)" href="large.css" />
<link rel="stylesheet" media="only screen and (min-width: 540px)" href="wide.css" />
残念ながら、xsmall.css を変更した後、変更は他の Web バージョンでも表示されます (480px、540 px など)。Opera Mobile Emulator で Web サイト (モバイル 1) をテストしています。私が間違っていることは何ですか?
ありがとう