こんにちは、iOS シミュレーターによって取得されるメディア クエリがあります。
<link rel="stylesheet" media="all and (max-device-width: 480px)" href="css/iphone.css">
私がやりたいことは、ブラウザのサイズを変更してFirefoxまたはChromeでこれをシミュレートすることです.これは可能ですか?
質問する
1539 次
3 に答える
1
<link type="text/css" rel="stylesheet" href="css/iphone.css" media="all and (max-width: 480px)" />
于 2012-04-04T12:07:24.517 に答える
0
を使用する必要がありますmax-width。max-device-widthは変更されないように物理的な画面サイズです。参照：モバイルウェブのmax-device-widthとmax-widthの違いは何ですか？
ただし、Safariはデフォルトで980pxの幅（デバイス幅ではない）を報告するため、iOSの問題を完全に解決することはできません。そのため、モバイル用に設計されていないページは完全にズームアウトされたページとして表示されます。したがって、HTMLに次のようなものを追加する必要もあります。
<meta name="viewport" content="initial-scale = 1.0">
ビューポート設定に関するAppleのリファレンスは、http： //developer.apple.com/library/ios/#DOCUMENTATION/AppleApplications/Reference/SafariWebContent/UsingtheViewport/UsingtheViewport.htmlにあります。
于 2012-04-18T14:56:31.677 に答える
-1
はい、これを Firefox と chrome で直接シミュレートできます。ただし、Firefox は 480 未満のメディア クエリをサポートしていません。
Firefox および chrome でのサイズ変更については、以下のリンクを確認することもできます。 http://www.smashingmagazine.com/
お役に立てれば
于 2012-04-04T12:07:51.807 に答える