Google Chrome Viewport响应式用户界面选项

时间:2016-04-27 06:15:12

标签: html google-chrome browser responsive-design

如何在Chrome中启用“查看端口”选项而不使用任何插件。 我想查看像素大小并查看响应式用户界面。

以下文章未显示Chrome设置中该选项的可用位置。

https://developers.google.com/web/tools/chrome-devtools/iterate/device-mode/emulate-mobile-viewports?hl=en#media-queries

感谢。

1 个答案:

答案 0 :(得分:1)

您可以使用开发人员工具执行此操作。在那里你应该点击“切换设备模式图标”(从顶部开始的第二个)。您可以根据需要选择更改视口。只有界面改变了休息是一样的。 您也可以使用扩展名“viewport Dimensions”。