我在浏览器(可能只是Chrome)上遇到问题,在触控设备上添加css规则。
在我们为客户创建的网站上(仅在Chrome中使用),当从超极本访问时,滚动条会在页面上的元素上消失。客户端仍然使用这些作为普通笔记本电脑,因此无需删除滚动。问题似乎是因为他们有触摸屏,浏览器会自动将这些css规则添加到某些元素中:
overflow: hidden;
width: auto;
这将删除滚动条,并打破网站,因为许多元素无法再完全交互。
我已经对此做了一些研究,并且找不到多少(我一直得到的所有结果都是关于想要溢出的人:隐藏在移动设备上)。 我希望Chrome中有一些设置禁用此功能,但我还没有找到任何东西。我也知道可以添加一些强制CSS规则......但这可能会打开另一种蠕虫病毒。
非常感谢任何帮助。
由于
答案 0 :(得分:0)
我找到了自己的答案。
在Chrome中,转到 铬://标志
大约1/3向下,有一个名为“启用触摸事件”的设置。
Chrome说明:
启用触控事件:Mac,Windows,Linux,Chrome OS
强制触摸屏支持始终启用或禁用,或在启动时检测到触摸屏时启用(自动,默认)。 #触摸事件
在下拉菜单中选择“已停用”。完成选择后,窗口底部会出现一个按钮,显示“立即重新启动”。点击后,Chrome将重新启动。现在应该出现滚动条。