0

電話/タブレットなどをターゲットにするために、次のものを自分のサイトに追加しました。

<link href="assets/styles/phone.css" rel="stylesheet" type="text/css" media="only screen and (min-width: 0px) and (max-width: 640px)" >
<link href="assets/styles/tablet.css" rel="stylesheet" type="text/css" media="only screen and (min-width: 641px) and (max-width: 768px)" >
<link href="assets/styles/main.css" rel="stylesheet" type="text/css" media="only screen and (min-width: 769px)" >

スタイルシートはブラウザ内で動的に変化するため、明らかに機能しますが、私がテストしたモバイルデバイスは、モバイルバージョンではなく、メインのスタイルシートをターゲットにしています。

助言がありますか？

乾杯

4

1 に答える 1

1

Appleデバイスは使用min-device-widthしmax-device-widthて追加しようとします

<meta name="viewport" content="width=device-width, initial-scale=1 />

あなたのヘッダーに。

お役に立てれば

于 2013-03-13T00:49:06.727 に答える