如何调整移动屏幕的大小以显示优化的 UI Web 应用程序版本？答案

【问题标题】：how to resize the mobile screen to show optimised UI web app version?如何调整移动屏幕的大小以显示优化的 UI Web 应用程序版本？
【发布时间】：2025-12-22 21:25:17
【问题描述】：

我正在使用 react、Bootstrap 和一些自定义 sass 来构建和设置前端 Web 应用程序的样式，该设计在移动设备上看起来不错，但您需要捏住屏幕（看起来放大了一点）以适应屏幕宽度合适，如何正确配置媒体查询以解决此问题？屏幕截图（手指调整之前和之后）将解释更多！

用手指调整前用手指调整后

【问题讨论】：

标签： css mobile bootstrap-4 sass media-queries

【解决方案1】：

此问题已解决，如果您遇到过类似的问题，即在移动设备上放大屏幕，请尝试将此元行发布在您的 HTML head 标记上！

<meta name="viewport" content="width=device-width, height=device-height,  initial-scale=1.0, user-scalable=no;user-scalable=0;"/>

【讨论】：