禁用浏览器添加溢出：隐藏在启用触摸屏的设备上

Question

我在使用浏览器（可能只是 Chrome）在启用触控的设备上添加 css 规则时遇到问题。

在我们为客户创建的网站（专门用于 Chrome）上，当从他们的超极本访问时，滚动条会在包含它们的页面上的元素上消失。客户端仍将这些用作普通笔记本电脑，因此无需删除滚动。问题似乎是因为它们有触摸屏，浏览器会自动将这些 css 规则添加到某些元素：

overflow: hidden;
width: auto;

这会移除滚动条，并破坏网站，因为许多元素无法再完全交互。

我对此进行了一些研究，但未能找到太多（我不断得到的所有结果都是关于人们想要溢出：隐藏在移动设备上）。 我希望 Chrome 中有一些设置可以禁用此功能，但我找不到任何东西。我也知道可以添加一些强制的 CSS 规则......但这可能会打开另一罐蠕虫。

非常感谢您对此的任何帮助。

谢谢

Answer 1

我找到了自己的答案。

在 Chrome 中，转到 铬：//标志

往下走大约 1/3，有一个设置叫做“启用触摸事件”。

Chrome 说明：

启用触摸事件：Mac、Windows、Linux、Chrome 操作系统

强制始终启用或禁用触摸屏支持，或者在启动时检测到触摸屏时启用（自动，默认设置）。 #touch事件

在下拉菜单中选择“已禁用”。他们做出选择后，窗口底部会出现一个按钮，上面写着“立即重新启动”。单击该按钮后，Chrome 将重新启动。现在应该会出现滚动条。