切换设备工具栏时 React Js 项目不会调整大小
React Js project won't resize when toggling device toolbar
正如标题所说，在 google chrome 上切换设备工具栏时项目没有调整大小，这特别烦人，因为我正在尝试 运行 一些媒体 css 造型。
有人知道这可能是什么原因吗？
我正在使用这个入门工具包：https://github.com/coryhouse/react-slingshot
已添加：https://github.com/styled-components/styled-components 样式。
我主要是想通过添加媒体查询来获得动态组件。但似乎我无法在不调整 window 大小的情况下测试这些媒体查询。如下图所示，尺寸设置为 320x568，但应用返回 980x1739。
谢谢！
在你的 html 文件中设置一个视口，比如
<meta content="width=device-width,initial-scale=1,maximum-scale=1,user-scalable=0" name="viewport" />
正如标题所说，在 google chrome 上切换设备工具栏时项目没有调整大小，这特别烦人，因为我正在尝试 运行 一些媒体 css 造型。
有人知道这可能是什么原因吗？
我正在使用这个入门工具包：https://github.com/coryhouse/react-slingshot
已添加：https://github.com/styled-components/styled-components 样式。
我主要是想通过添加媒体查询来获得动态组件。但似乎我无法在不调整 window 大小的情况下测试这些媒体查询。如下图所示，尺寸设置为 320x568，但应用返回 980x1739。
谢谢！
在你的 html 文件中设置一个视口，比如
<meta content="width=device-width,initial-scale=1,maximum-scale=1,user-scalable=0" name="viewport" />