微软的 IE 团队终于发布了针对构建触屏友好网站的指南，这件事早在2009 年就应该做了（那年Windows 7 就在标榜它的触屏支持了）。其中的建议写得很直截了当。
第一条，“不要在悬停（hover）后隐藏内容”。无论是从可达性（accessibility）或是可用性（usability）的角度来看，隐藏内容都是个糟糕的主意，最终我们将看到这个实践被慢慢边缘化。
第二条建议是特定于IE 10 的。可以使用名为“-ms-touch-action”的特殊CSS 标签来控制页面或者元素对一些动作的响应，比如拖拽和两次轻拍（double-tapping），在构建游戏或支持拖放时这个特性非常有用。
第三条建议，“使用HTML5 的表单来标识输入类型”，和触屏本身并没有太大关系。IE 10 里会有针对Windows 8 触屏的定制支持来处理HTML5 输入控件，所有浏览器（除IE 9 以外）对此特性都有所支持。QuirksMode 提供了一些信息，说明了当前的桌面与移动端浏览器对该项特性的支持情况。
最后一条建议与间距有关。微软声称人类指尖的大小在8 到19 毫米之间，平均是11 毫米。基于这个平均值，他们建议任何能被触碰的东西都应该有40px 或者更大，带有最小10px 的间距。
因为这份指南没有涉及其他浏览器，InfoQ 邀请读者们各抒己见，发表自己对触屏友好网站的建议。
暂无签名
最新发布
送给 Java 程序员的 Spring 学习指南
2019 年 3 月 20 日
作为 Java 工程师，你的 Spring 用对了吗？
2019 年 2 月 11 日
Facebook Live 的扩展之道
2017 年 5 月 8 日
Java 避坑指南：Java 高手笔记代码篇
本迷你书包括 86 个业务开发中常见踩坑点。每一个知识点都相当的实用，是程序员业务开发中的必备避坑指南...
基于AI的移动端自动化测试框架设计与实现
优秀架构师是如何学习开源项目的？
网易严选大前端建设实践与方法论
评论