3

私は自分のサイトをよりレスポンシブにすることに取り組んでいます。ブラウザーの幅を最小幅まで縮小すると、モバイル デバイスで何が起こるかをテストする代わりに使用できますか?

私は iPad Mini や Galaxy S2/3 などのデバイスを持っていませんが、サイトが適切に表示されるようにしたいと考えています。

4

7 に答える 7

3

ローカルでデザインをテストしたい場合は、ブラウザーで、レスポンシブ レイアウトを表示するオプションを提供する Web Developer Add-On を使用できます。

ここに画像の説明を入力

また、あなたの好きな仕事をしてくれるオンラインのウェブサイトがたくさんあります。

于 2013-04-24T15:22:48.393 に答える
2

メディア クエリを使用している場合は、はい、ブラウザのサイズを変更してください。firebug などの検査ツールを使用して、本体の幅を確認することで、ウィンドウのサイズを監視できます。

于 2013-04-24T15:23:51.017 に答える
1

CHECK Responsinator: さまざまなデバイスやさまざまな向きでサイトをテストするのに役立ちます

http://www.responsinator.com/

于 2013-04-24T15:30:13.973 に答える
0

ブラウザーのサイズを特定のブラウザーのサイズに変更できるブラウザー プラグインを見つけることをお勧めします。次に、それを使用して一般的なサイズを設定します... 320px、480px、600px など、および/またはプロジェクトに必要なもの。

Chrome の場合、Window Resizer を使用します。

于 2013-04-24T15:22:10.727 に答える
0

私はあなたが説明した方法を自分で使用しています.100%正確ではありません.emまたはremsを使用している場合は特に、一部のテキストサイズがわずかに変わる可能性があります. ボックスのレイアウトなどをテストすると、かなり正確になる可能性があります。

別の解決策は、http: //quirktools.com/screenflyのようなサービスを使用することです。これも比較的優れた解決策です。

私も使用している最良のソリューションは、ブラウザ スタックです: http://www.browserstack.com/ ただし、無料ではありません。Browser Stack を使用すると、さまざまなオペレーティング システム、さまざまなブラウザー、および多数のさまざまなモバイル デバイスをテストすることもできます。

于 2013-04-24T15:23:33.803 に答える
0

最善の方法はデバイスを使用することですが、一部またはすべてのデバイスが利用できない場合は、他の (優れた) ツールに頼る必要があります。以下にいくつかの例を示します。

これらの種類のツールは、ピクセル パーフェクトな出力を表示し、ユーザーの操作や動作が異なる可能性があることに注意してください。

于 2013-04-24T15:25:12.403 に答える