Tailwind - Nuxt3 - 移动显示移动和缩放

Question

我的应用程序可以在iPhone手机上移动。不是固定的。

你能帮我找一个课程来修复整个手机显示屏吗？

图片 =>

我尝试宽度类但没有成功。我想修复整个显示屏。

这里有一个检查问题的链接：我的网站

没有滚动条。

Answer 1

页面上的某个项目溢出并导致出现滚动条（因此出现水平滚动）。

有很多方法可以找出导致该问题的元素，但最快、最简单的方法是使用开发工具检查页面并开始逐个删除块，看看滚动是否消失。

当出现这种情况时，您开始在该部分中执行相同的操作，直到找出导致该问题的元素，然后继续找出原因并修复它。

您可能会想将页面设置为 overlfow-x: 隐藏，但我强烈反对这样做：这样做可能会带来很多不幸的后果（您正在处理的是症状而不是原因）。

如果您想在移动设备上禁用缩放，您应该使用特定的元：

https://www.w3docs.com/snippets/css/how-to-disable-zoom-on-a-mobile-web-page-using-html-and-css.html

但是，请记住，限制用户与页面交互的自由几乎总是一个坏主意（并且违反 Google 的可用性准则）。

我希望这有帮助