我正在尝试在使用storybook构建的react组件上测试我的触摸屏滑动事件侦听器，我似乎无法使用适当的移动模拟工作。我附加到窗口宽度断点的样式更改在物理调整窗口大小时起作用，但是当在chrome设备模拟器或我的手机上查看iframe模式时，它看起来就像桌面站点的一个小版本。它似乎也不适用于我的滑动动画。我已经完成了大量的谷歌搜索，我设法找到的是一个故事书附加组件来操纵视口（https://www.npmjs.com/package/@storybook/addon-viewport）。我很擅长开发仅限移动设备的选项，如触摸屏滑动，所以任何帮助都将非常感谢！
我发现问题出在meta标签上。要使移动仿真工作，你必须在.storybook文件夹中添加一个名为preview-head.html的文件，然后在文件中放置<meta name="viewport" content="width=device-width, initial-scale=1">然后让仿真正常工作，将组件视为iframe。