1

タイトルからわかるように、Google Chrome のエミュレータ デバイスではメディア クエリが機能し、実際のモバイル デバイスでは機能しない理由がわかりません。

HTMLメタタグ

<meta name="viewport" content="width=max-width, initial-scale=1, maximum-scale=1, user-scalable=no">

CSS:

@media screen and (min-device-width:640px) and (max-device-width:767px){...}

実際、モバイル デバイスの画面解像度の最小および最大解像度を 640/768/850/1024 から設定しましたが、エラーのようです。原因は .... まだわかりません

4

2 に答える 2

3

メタ ビューポートでデバイス幅を適用する必要があります

<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no">
于 2014-06-20T14:12:31.640 に答える