智能手机智能手机上的HTML5输入滑块很难

Question

我目前遇到HTML5输入问题[type = range]。它在桌面上的Chrome很好，但在智能手机上有一些问题。用大手指很难改变滑块。另外，您无法真正滑动，只能单击范围输入。

您如何将其整合到HTML5网站中？

Answer 1

HTML5输入[type =“range”]显示了一个适用于桌面的滑块。

在触摸屏手机上你必须点击;没有滑动。除了iOS之外，您首先必须点击滑块按钮然后才能滑动它。

如果你想在智能手机上构建一个更好的滑块，你应该看看jQuery UI或某种移动框架（jQtouch，jquery mobile等）。他们将根据设备优化输出。