一位用户报告说，他的11英寸macbook空气都搞砸了。现在我不知道如何解决这个问题。也许有一些工具可以用来模仿11英寸的macbook air？ 感谢
答案 0 :(得分：4)
如果您使用的是Firefox 15或更高版本，则可以通过按Ctrl-Shift-M或转到Firefox菜单 - ＆gt;来使用responsive design view。 Web开发人员 - ＆gt;响应式设计视图。这使您可以轻松调整页面大小（从常用分辨率列表中，或通过拖动边缘任意调整），而无需调整浏览器窗口的大小（以及让您调整大小比窗口大）。其他浏览器可能有类似的功能，但我不确定。
答案 1 :(得分：1)
如果您在键盘上按 Ctrl + Shift + M ，Mozilla Firefox和/或Google Chrome ，然后他们将启动Responsive Design View（Firefox）或Device Toolbar（Chrome）模式。在这里，您可以手动调整窗口宽度和高度以匹配您希望的任何设备尺寸，或者您也可以从一组预设设备尺寸选项中进行选择。它还提供了以横向/纵向模式（适用于移动设备或平板电脑等便携式设备）查看所选尺寸的选项，以查看您/您的网站在不同方向上的外观。
我不确定任何其他浏览器，但您可以尝试在您选择的其他浏览器上使用上述键盘快捷键，看看它是否在那里工作。
您也可以手动切换Responsive Design View（Firefox）或设备工具栏（Chrome）模式，方法是导航到：
Firefox 59
Menu (hamburger icon on top right) > Web Developer > Responsive Design Mode
Chrome 65
Menu (Three-dot icon on top right) > More Tools > Developer Tools
OR
只需按 Ctrl + Shift + I 即可启动开发人员工具
启动开发人员工具后，点击开发人员工具菜单左上角的toggle device toolbar图标，即可在自适应设计视图中查看网页。
同样，我只知道在Mozilla Firefox和Google Chrome中执行此操作，因此其他浏览器可能采用相似或不同的方法。
<强>更新
边缘浏览器（Windows 10）
使用键盘快捷键 Ctrl + SHIFT + I ，或导航至Menu (three-dot icon on top right) > F12 Developer Tools至打开开发人员工具菜单，然后转到Emulation标签，查看将窗口自定义为不同设备尺寸和尺寸的选项。
答案 2 :(得分：0)
首先，您不需要模拟11英寸的屏幕，而是屏幕分辨率，因为无论屏幕的英寸，分辨率都可以有多个值。
我建议你使用像＃34; web developper＆＃34;这样的插件。适用于Firefox和Chrome（不为其他人所知），它可以帮助您调整浏览器的大小，以便进行测试。
chrome：https://chrome.google.com/webstore/detail/web-developer/bfbameneiokkgbdmiekhjnmfkcnldhhm
firefox：https://addons.mozilla.org/fr/firefox/addon/web-developer/
答案 3 :(得分：0)
您还可以使用网络应用以不同的屏幕分辨率测试您的网站。 http://whatismyscreenresolution.net/multi-screen-test
此工具非常好，除了测试您的MacBook Air网站外，您还可以针对不同的设备分辨率对其进行测试