在触摸屏响应设备中，如果我单击复选框或单选按钮（大约在8px区域内）之外，复选框和单选按钮也会从外部区域切换。
这仅在响应式触摸设备的情况下发生。它在桌面上完全可以正常工作。
问题出在本地html表单元素上，并且无处不在。我在bootstrap网站和其他一些网站上也进行了检查。
如果有人有任何解决方案来减小此可点击区域。请提出建议。这真的很可观。
检查此问题的步骤：
打开Bootstrap网站并导航至复选框：https://getbootstrap.com/docs/4.3/components/input-group/#checkboxes-and-radios
打开开发者控制台。在模拟器中切换到响应视图
尝试在复选框外单击
也可以从外部单击复选框。我想缩小面积。
最佳答案
您是说在灰色区域内仍然可以单击单选框/复选框？是的，因为触摸设备上的clickarea需要大约。出于可用性原因，尺寸为40px * 40px。否则，人们需要放大才能正确触摸。
另一个注意事项：
如果您不使用响应式视图，而只是将其调整为移动大小，那么您将拥有相同的视图，但具有一个指针。您可以更轻松地将鼠标对准复选框/单选按钮，这样您就可以错过一个像素。那里没有问题。
切换到响应式视图后，光标为40px x 40px，现在很难错过了。因此，您要解决的甚至不是问题。只是因为光标变大了，并且触摸点的边缘触及了复选框。
永远不会解决这个问题。
关于javascript - 在响应式触摸设备中，可以从外部单击复选框和单选按钮，该如何解决？，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/58975638/