私は自分のサイトをよりレスポンシブにすることに取り組んでいます。ブラウザーの幅を最小幅まで縮小すると、モバイル デバイスで何が起こるかをテストする代わりに使用できますか?
私は iPad Mini や Galaxy S2/3 などのデバイスを持っていませんが、サイトが適切に表示されるようにしたいと考えています。
私は自分のサイトをよりレスポンシブにすることに取り組んでいます。ブラウザーの幅を最小幅まで縮小すると、モバイル デバイスで何が起こるかをテストする代わりに使用できますか?
私は iPad Mini や Galaxy S2/3 などのデバイスを持っていませんが、サイトが適切に表示されるようにしたいと考えています。
ローカルでデザインをテストしたい場合は、ブラウザーで、レスポンシブ レイアウトを表示するオプションを提供する Web Developer Add-On を使用できます。
また、あなたの好きな仕事をしてくれるオンラインのウェブサイトがたくさんあります。
メディア クエリを使用している場合は、はい、ブラウザのサイズを変更してください。firebug などの検査ツールを使用して、本体の幅を確認することで、ウィンドウのサイズを監視できます。
CHECK Responsinator: さまざまなデバイスやさまざまな向きでサイトをテストするのに役立ちます
ブラウザーのサイズを特定のブラウザーのサイズに変更できるブラウザー プラグインを見つけることをお勧めします。次に、それを使用して一般的なサイズを設定します... 320px、480px、600px など、および/またはプロジェクトに必要なもの。
Chrome の場合、Window Resizer を使用します。
私はあなたが説明した方法を自分で使用しています.100%正確ではありません.emまたはremsを使用している場合は特に、一部のテキストサイズがわずかに変わる可能性があります. ボックスのレイアウトなどをテストすると、かなり正確になる可能性があります。
別の解決策は、http: //quirktools.com/screenflyのようなサービスを使用することです。これも比較的優れた解決策です。
私も使用している最良のソリューションは、ブラウザ スタックです: http://www.browserstack.com/ ただし、無料ではありません。Browser Stack を使用すると、さまざまなオペレーティング システム、さまざまなブラウザー、および多数のさまざまなモバイル デバイスをテストすることもできます。