按钮在 Wordpress Mobile 上无法正常工作

Question

在 wordpress 上工作时，我刚刚意识到某些按钮在移动网络上无法正常工作，但只有当我使用手机时，如果我在电脑上测试移动版本，则工作得很好。我尝试了不同的解决方案，但我找不到发生这种情况的原因，我删除了缓存但仍然不起作用。

您对我能做什么有什么建议吗？

Answer 1

当您在PC上测试时，您确定屏幕尺寸与您测试的手机完全相同吗？ 通常，如果按钮在较小的屏幕上不起作用，那是因为不可见的元素与其重叠。

在您的电脑上，我会尝试检查按钮周围的元素，看看是否有某些东西（例如 div 元素）可能滑入以覆盖某些屏幕尺寸的按钮。 您还可以使用 PC 上的所有移动屏幕尺寸选项（尤其是最小的尺寸选项）在 PC 上进行测试，看看是否会出现问题。

为了更全面地排除这种可能性，假设您不在生产环境中（在这种情况下您可以创建一个测试页面来尝试这一点），您可以向按钮添加一些CSS样式以使其位置固定，其z -index 99999999，并且 top、left、botton、right = 0。这样，按钮应该填满屏幕，您应该能够单击屏幕上的任意位置来测试它。

Answer 2

我也有同样的问题。 z-index 值不知何故为-1。改为2，一切正常。非常感谢！