TA的每日心情 | 难过 2024-5-26 18:39 |
---|
签到天数: 2 天 [LV.1]初来乍到
管理员
- 积分
- 2497
|
马上注册,结交更多好友,享用更多功能,让你轻松玩转社区
您需要 登录 才可以下载或查看,没有账号?立即注册
×
微软的 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 邀请读者们各抒己见,发表自己对触屏友好网站的建议。 |
|