7

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

如何在IE、Chrome或Safari上执行此操作？

4

7 回答 7

4

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

有关更多详细信息，请参见此处。

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

于 2013-07-25T12:08:07.407 回答
4

在 Apple 的 Safari 中，诊断响应式视图的最佳选择是使用以下内容：-

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

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

  3. 现在屏幕顶部应该有一个开发菜单项

  4. 单击“开发”菜单和“启用响应式设计模式”选项或使用键盘快捷键 [Command] + [Option] + R。 ⌥ + ⌘ + R

于 2015-10-10T15:31:28.633 回答
3

这是我在 Safari 和 Chrome 上使用的一个 javascript 工具，虽然我不确定它在 IE 中是如何工作的；非常有用：http ://responsive.victorcoulon.fr

于 2013-07-25T19:31:16.237 回答
2

IE中没有这样的东西。当您在开发工具中单击右下角的齿轮作为“覆盖 - > 设备指标”时，Chrome 有类似的东西。

于 2013-07-25T11:33:46.673 回答
2

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

于 2013-12-10T17:23:36.600 回答
0

铬合金

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

如果您收到警告“chrome screen emulation is not available on this page”，（可能您在 Linux 中，chrome 现在已禁用某些功能），那么您需要更改 [[chrome:// flags][chrome://flags] 选项跟进此解决方案

IE11

对于 IE 11，F12 开发人员工具有一个专用选项卡，用于更改设备指标等。

我不使用Safari，所以我不能说。

于 2014-03-28T11:45:20.177 回答
0

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

于 2014-02-20T12:06:33.693 回答