我有一个网页,我正在尝试使其对触摸设备“友好”。随着中型屏幕设备(小 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/