こんにちは私は私は何をしたいのは、ブラウザのサイズを変更することで、FirefoxやChromeでこれをシミュレートし、このですiOSシミュレータメディアクエリーとFirefox /クローム
によって<link rel="stylesheet" media="all and (max-device-width: 480px)" href="css/iphone.css">
を拾いますメディアクエリを持っています可能？
<link type="text/css" rel="stylesheet" href="css/iphone.css" media="all and (max-width: 480px)" />
答えを教えていただけますか？ –
私は元の質問を理解できなかったかもしれませんが、 ウィンドウが480px以下でサイズ変更された場合、クロム/ firefoxでcss/iphone.cssを使用することを理解しました。 – kubedan
そうですが、単にコードを投稿するだけではあまり役に立ちません... –
はい、これはFirefoxとChromeで直接シミュレートできます。 Firefoxは480未満のメディアクエリをサポートしていません。
Firefox & chromeのサイズ変更については、下のリンクをチェックすることもできます。 http://www.smashingmagazine.com/
これはあなたがmax-widthを使用する必要が
に役立ちます願っています。 max-device-widthは変更されない物理的な画面サイズです。参照：What is the difference between max-device-width and max-width for mobile web?
しかし、完全に（デバイス幅ではなく）Safariが幅を報告するためのiOSのためにあなたの問題を解決することはできませんそれ980pxのデフォルトでは、モバイル用に設計されていないページは、フルズームアウトとして表示されますので、ページ。だから、あなたも、あなたのHTMLにこのような何かを追加する必要があります。
<meta name="viewport" content="initial-scale = 1.0">
あなたはここで、ビューポートの設定にアップルからの参照を見つけることができます： http://developer.apple.com/library/ios/#DOCUMENTATION/AppleApplications/Reference/SafariWebContent/UsingtheViewport/UsingtheViewport.html
それは確かにあります。ブラウザのサイズを変更するだけです。 –