1

レスポンシブウェブサイトを開発しています。モバイルエミュレーターでサイトを表示してブラウザーのサイズを変更すると、すべてが完全に応答しますが、実際のモバイルデバイスを見ると、サイトのサイズが変更されません。

これが私のHTMLヘッドです

<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
<meta name="description" content="">
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0"></head>

これが私のCSSです

 @media handheld, screen and (max-width: 768px), screen and (max-device-width: 768px) and (orientation: portrait) {{css styles}}

誰か助けますか？

4

2 に答える 2

1

ハンドヘルドのメディア クエリを削除します。最近のモバイルは画面領域に分類されます。

http://mediaqueriestest.comをチェックして、現在のデバイスが何に反応しているかを正確に確認してください。

于 2013-03-05T11:23:01.807 に答える
1

head セクションで次のコードを使用します。

<meta name="viewport" content="width=device-width, initial-scale=1">
于 2013-05-19T16:22:58.507 に答える