我在检查设计的网页在平板电脑等移动设备上的外观方面存在问题。
我找到了在线模拟器,但其中任何一个都没有显示真实的外观。 在这些模拟器上,一切都是正确的,但是当我在平板电脑上检查它时看起来非常糟糕。
我需要一种简单的方法来检查响应式网站外观。
答案 0 :(得分:2)
您可以使用Chrome的内置设备模式模拟器。
启用设备模式:
答案 1 :(得分:2)
(正如Ashwin K指出的那样) - 在Chrome中,按F12并点击电话图标。您可以从页面顶部的下拉列表中更改设备类型。
在Edge&在Internet Explorer(v11)中,按F12并选择“仿真”。目前无法保证低于11的版本。
在Safari中,使用页面顶部的“开发”菜单(如果没有,则在Safari的首选项中启用)
在Firefox中,如果你正在使用Mac,请按Ctrl + Shift + M或Cmd + Opt + M