2

一位用户向我报告说，在他的 11 英寸 macbook air 上，一切都搞砸了。现在我不知道如何解决这个问题。也许有一些工具可以用来模拟 11 英寸 macbook air？谢谢

4

4 回答 4

5

如果您使用的是 Firefox 15 或更高版本，则可以通过按 Ctrl-Shift-M 或转到 Firefox 菜单 -> Web 开发人员 -> 响应式设计视图来使用响应式设计视图。这使您可以轻松地调整页面大小（从常用分辨率列表中，或通过拖动边缘任意），而无需调整浏览器窗口的大小（以及让您将其调整为大于窗口的大小）。其他浏览器可能有类似的功能，但我不确定。

于 2012-12-03T16:31:33.653 回答
1

如果您在键盘上按Ctrl++Shift和/或，那么它们将启动(Firefox) 或(Chrome) 模式。在这里，您可以手动调整窗口的宽度和高度以匹配您希望的任何设备尺寸，或者您也可以从一组预设的设备尺寸选项中进行选择。它还提供了以横向/纵向模式（适用于移动设备或平板电脑等便携式设备）查看所选尺寸的选项，以查看您的网站在这些不同方向上的外观。MMozilla FirefoxGoogle ChromeResponsive Design ViewDevice Toolbar

我不确定是否有其他浏览器，但您可以尝试在您选择的另一个浏览器上使用上述键盘快捷键，看看它是否也可以在那里工作。

或者，您可以通过导航到以下位置手动切换Responsive Design View(Firefox) 或设备工具栏 (Chrome) 模式：

火狐 59

Menu (hamburger icon on top right) > Web Developer > Responsive Design Mode

铬 65

Menu (Three-dot icon on top right) > More Tools > Developer Tools

或者

只需按Ctrl+ Shift+I即可启动开发者工具

开发者工具启动后，单击toggle device toolbar开发者工具菜单左上角的图标，以响应式设计视图查看网页。

同样，我只知道在Mozilla Firefoxand中这样做Google Chrome，因此其他浏览器可能有类似或不同的方法。

更新

边缘浏览器（Windows 10）

使用键盘快捷键Ctrl++ ，或导航至打开开发人员工具菜单，然后转到选项卡以查看用于将窗口自定义为不同设备大小和尺寸SHIFT的选项。IMenu (three-dot icon on top right) > F12 Developer ToolsEmulation

于 2018-04-24T22:32:40.493 回答
0

首先，您不需要模拟 11 英寸的屏幕，而是模拟屏幕分辨率，因为无论屏幕是多少英寸，分辨率都可以有多个值。

我建议您使用可用于 Firefox 和 chrome 的“web developer”之类的插件（其他人不知道），它将帮助您以不同的分辨率调整浏览器的大小以进行测试。

铬：https ://chrome.google.com/webstore/detail/web-developer/bfbameneiokkgbdmiekhjnmfkcnldhhm

火狐：https ://addons.mozilla.org/fr/firefox/addon/web-developer/

于 2012-12-03T16:33:16.613 回答
0

您还可以使用网络应用程序以不同的屏幕分辨率测试您的网站。 http://whatismyscreenresolution.net/multi-screen-test

  1. 转到以不同分辨率测试网站的工具，输入您网站的网址，然后点击“测试”按钮
  2. 获取 MacBook Air 的分辨率并在工具栏中输入。

这个工具非常好，除了测试你的 MacBook Air 网站外，你还可以测试不同的设备分辨率

于 2015-05-10T19:46:28.710 回答