为什么范围输入的可点击区域比预期的垂直宽得多

Question

范围输入的可点击区域(轨道)比我的chrome(版本102.0.5005.63)的预期垂直宽得多。

但是在代码片段上是正确的。

是家虫吗?

<div id="div_1" style="background-color:rgb(200,200,200)">
<input type="range" id="sld_1" min="1" max="100" value="100" style="width:100px">
</div>

Answer 1

我想我找到答案了。这似乎是home's DevTools的一个bug。

上述问题仅在启用DevTools的模拟触摸时发生。

在真正的触摸屏上(android手机)，它的动作正常。