Twitter bootstrap 如何检查平板电脑上响应性网页的外观

我在检查设计的网页在平板电脑等移动设备上的外观时遇到了问题

我已经找到了在线模拟器，但其中任何一个都没有显示真实的外观。 在这些模拟器上，一切都是正确的，但当我在平板电脑上检查时，它看起来非常糟糕

---

我需要一种简单的方法来检查响应性网站的外观。

您可以使用chrome的内置设备模式模拟器

启用设备模式：

• 按Google Chrome上的F12键访问DevTools
• 按左上角的手机图标打开设备模式 开发工具

---

有关更多信息：

您可以使用chrome的内置设备模式模拟器

启用设备模式：

• 按Google Chrome上的F12键访问DevTools
• 按左上角的手机图标打开设备模式 开发工具

更多信息：

（正如Ashwin K所指出的）-在Chrome中，按F12并点击手机图标。您可以从页面顶部的下拉列表中更改设备类型

在Edge&Internet Explorer（v11）中，按F12并选择仿真。目前无法担保低于11的版本

在Safari中，使用页面顶部的“开发”菜单（如果不在Safari的首选项中，则在其中启用）

在Firefox中，如果您使用的是Mac电脑，请按Ctrl+Shift+M或Cmd+Opt+M（正如Ashwin K所指出的），在Chrome中，按F12并点击手机图标。您可以从页面顶部的下拉列表中更改设备类型

在Edge&Internet Explorer（v11）中，按F12并选择仿真。目前无法担保低于11的版本

在Safari中，使用页面顶部的“开发”菜单（如果不在Safari的首选项中，则在其中启用）

---

在Firefox中，如果您使用的是Mac电脑，则使用Ctrl+Shift+M或Cmd+Opt+M，这与平板电脑和任何其他移动设备上的操作完全相同。谢谢，它看起来和平板电脑和任何其他移动设备上的一样。非常感谢。