Firefox では、ctrl+ shift+を押すことでレスポンシブ デザイン ビューに移動mでき、コンテキスト領域を などのサイズに調整できます720 * 720。
IE、Chrome、またはSafariでこれを行うにはどうすればよいですか?
質問する
24583 次
7 に答える
4
IE11 の新しく書き直された開発ツールには、レスポンシブ レイアウトのテストで使用するために、ブラウザの解像度と向きを設定できる機能が含まれます。
詳しくはこちらをご覧ください。
(注、IE11 はまだリリースされていませんが、試してみたい場合はプレビュー中です)
于 2013-07-25T12:08:07.407 に答える
3
これは、私が Safari と Chrome で使用する JavaScript ツールですが、IE でどのように機能するかはわかりません。非常に便利: http://responsive.victorcoulon.fr
于 2013-07-25T19:31:16.237 に答える
2
IEにはそのようなものはありません。Chrome では、開発ツールを使用しているときに、右下隅の歯車をクリックして「オーバーライド -> デバイス メトリック」と同様の機能を使用できます。
于 2013-07-25T11:33:46.673 に答える
0
クロム
まず、[設定] (歯車のアイコン)に移動して [エミュレーション] を有効にし、[コンソール ドロワーに ['エミュレーション] ビューを表示する] をオン にします。次に、設定パネルを閉じて を押すEscと、[エミュレーション] タブが表示されます。そこでは多くの変更を行うことができます。画面サイズの変更、タッチのエミュレート、加速度計、ユーザー エージェントのスプーフィングなど。
「このページでは chrome スクリーン エミュレーションを使用できません」という警告が表示される場合 (おそらく、現在 Chrome によっていくつかの機能が無効になっている Linux を使用している可能性があります)、[[chrome:// flags][chrome://flags] オプションはこのソリューションをフォローアップします
IE11
IE 11 の場合、F12 開発者ツールには、デバイス メトリックなどを変更するための専用タブがあります。
私はSafariを使用していないので、それについては言えません。
于 2014-03-28T11:45:20.177 に答える
0
Chrome で画面解像度をエミュレートする最も簡単な方法は、Dev Tools を右側 (右上隅にボタンがあります) にドッキングしてから、その境界線 (およびオプションで下のブラウザーの境界線) をドラッグすることです。Chrome の右上隅に現在のビューポートのサイズが表示されるので、たとえば 320x480px にすることができます。FF レスポンシブ デザイン ビューと非常によく似た動作をします。
于 2014-02-20T12:06:33.693 に答える