javascript - 在触摸屏(包括 Windows 8)上实现友好的选择控制

标签 javascript windows-8 forms touchscreen

我有一个网页,我正在尝试使其对触摸设备“友好”。随着中型屏幕设备(小 table 、大手机)的激增,我的方法是在必要时使用 CSS 和 javascript 调整来制作一种响应式布局。这一切进展顺利,但我正在努力选择控件。

在我的 Android 手机和 Android 平板电脑上,当我触摸选择控件时,我测试过的浏览器会呈现一个友好的大对话框(我仍然需要测试 Apple 设备),但在 Windows 8 触摸屏笔记本电脑上,我是左键尝试单击小选择选项。除了将选择控件设置为非常大的字体之外,是否已经有一种既定的方法可以使选择更加友好?

我正在考虑检测 ontouchstart,然后创建一个带有按钮或样式化超链接的弹出 div,以提供类似 Android 提供的体验 - 但随后我需要在已经很好地处理选择控件的浏览器上禁用此功能。 .

有人有什么建议吗? (我还没有任何代码,这将适用于任何选择控件)

最佳答案

处理控件的最友好方式就是根本不碰它们。让浏览器以最好的方式处理它们 - 除非您提供额外的功能,就像使用 Chosen.js 一样

通常,是的,设置更大的字体大小会有所帮助。 http://css-tricks.com/dropdown-default-styling/

关于javascript - 在触摸屏(包括 Windows 8)上实现友好的选择控制,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/19796661/

相关文章:

javascript - 使用像 SystemJS 这样的模块加载器时,在 Safari 的 Web Inspector 中进行调试

javascript - 重复使用 HTML5 音频对象重复播放相同的 mp3 音效

windows-8 - VB6应用程序通过winsock发送UDP广播消息 - 仅每隔一条消息发送一次

.net - Metro 应用程序 (.NET) 中的受控非 UI 计时器

azure - 在 Windows Phone 8 和 Windows 8 Store 应用程序之间共享数据

javascript - 加载初始文件后无法加载附加文件

javascript - 如何使用ajax/jquery处理laravel5.1中的验证错误

php - 有没有办法从 2 个不同的表单插入数据并插入到列中的 1 行?

HTML5 从表单选择创建 URL

javascript - 将变量分配给表单输入值并使用 jquery 打印