Internet explorer 基于Chrome/Safari或IE的响应性设计视图

在Firefox中，我可以通过按ctrl+shift+m进入响应式设计视图，并可以将上下文区域调整为

720*720

等大小

---

如何在IE、Chrome或Safari上做到这一点？

IE中没有这样的东西。当您在开发工具中时，通过单击右下角的齿轮“覆盖->设备度量”，Chrome具有类似的功能.

IE11中新重写的开发工具将包括一项功能，允许您设置浏览器的分辨率和方向，以用于测试响应性布局

更多细节

---

（注意，IE11还没有发布，但如果你想试用的话，它正在预览中）

这是我在Safari和Chrome上使用的一个javascript工具，尽管我不确定它在IE中是如何工作的；非常有用：

我的Chrome（32.0.1700.41 beta-m Aura）中的选项是“覆盖”->“在控制台抽屉中显示“仿真”视图”。然后单击齿轮图标旁边的“显示控制台”图标

在Chrome中模拟屏幕分辨率的最简单方法是将其开发工具停靠在右侧（右上角有一个按钮），然后拖动其边框（以及可选的底部浏览器边框）。Chrome将在其右上角显示当前视口尺寸，这样您就可以使用320x480px。它的行为与FF响应设计视图非常相似。

Chrome 首先通过转到并选中“在控制台抽屉中显示“仿真”视图”来启用“仿真” 现在，关闭“设置”面板，然后按Esc键，您将获得一个仿真选项卡。你可以在那里做很多改变。更改屏幕大小、模拟触摸、加速计、用户代理欺骗等

如果您收到警告“chrome屏幕模拟在此页面上不可用”（可能您在Linux中，chrome现在已经禁用了某些功能），那么您需要更改[[chrome://flags][chrome://flags]后续选项

---

IE11 对于IE 11，F12开发者工具有一个专门的选项卡，用于更改设备指标等

---

我不使用Safari，所以我不能说。在苹果的Safari中，诊断响应视图的最佳选择是使用以下内容：-

打开Safari并单击Safari>首选项>高级

启用“在菜单栏中显示开发菜单”选项并关闭“首选项”对话框

现在，屏幕顶部应该有一个“开发”菜单项

单击“开发”菜单和选项“启用响应设计模式”或使用键盘快捷键[命令]+[选项]+R。

⌥ + ⌘ + R

---

现在还没有这样的东西。IE11会有它。看我的答案。你可以在IE9+中真正做到。你只需要像其他工具一样使用F12工具browsers@ChrisLoveIE有一个大小调整器，但与Chrome和FF不同，它提供了更多的工具和选项。@Breakbreak我相信Safari和Chrome有相同的功能，但我在customer站点，现在无法检查。@ChrisLove此链接现在与IE 9+一样，请查看此链接Microsoft喜欢指向它将包含在其“下一版本”中的功能其他浏览器在几年前就有了。我很确定OP关注的是当前的浏览器，而不是未发布的浏览器。+1-很好，但与Firefox版本相比有限制性…谢谢。@nivritgupta非常好，很高兴我能帮上忙（：谢谢。在移动Chrome中如何做到这一点？