我正在通过VSCode开发一个基于Next的渐进式Web应用程序，目前正在通过桌面应用程序查看窗口。但是，我不能将窗口调整为移动的屏幕大小，并且我能够测试移动视图的唯一方法是通过inspect元素上的移动视图功能。这种解决方案是不可取的，因为它使实际的应用程序非常小，这是由于检查元素视图中的其他UI组件的所有填充（例如，控制台、设置、设备选择）
有没有办法通过meta文件或CSS强制屏幕大小？我曾尝试通过全局样式设置最大宽度，但我犯了一个错误，在整个应用程序中使用了!w-screen（顺风），因此可能很难重构
一些可能有效的替代解决方案：
- 能够通过移动终端查看本地托管的应用程序
- 减少Windows 10上的最小窗口大小
约束：我不想使用jQuery
1条答案
按热度按时间abithluo1#
我建议尝试通过分离或最小化控制台和/或使用浏览器缩放来使移动的视图功能更可取，以使视口达到可用的大小。通过 Package 应用程序来重构代码或调整CSS可能会起作用，但如果您的目标是衡量它的外观（没有？）这些变化。