Safari Web Content Guide – 表单设计

发表于 & 归档在 HTML, Web.

表单设计

iPhone OS上有很多调整表单的方法,这使表单更好用。在iPhone OS 有限的屏幕下,表单应该整洁,尤其当你为iPhone OS专门设计网页时,网页程序可以有很好的用户体验,甚至如同本地程序一样的效果,因此,用户期待他们如同本地程序同样的行为。

本章说明如何让你的表单在iPhone OS中很好的工作:

  • 考虑键盘显示隐藏时所占用的屏幕空间
  • 使用CSS扩展创建定制控件
  • 自动纠错与大写字母的使用

参阅 iPhone Human Interface Guidelines for Web Applications 了解更多iPhone OS下表单布局和网页程序设计的技巧,阅读 “Hiding Safari User Interface Components” 学习如何使用全屏,如同本地程序。

Safari Web Content Guide – 自定义样式表

发表于 & 归档在 HTML, Web.

定制样式表

配置视口是优化iPhone OS下网页最重要的途径,但样式表能提供更多的优化手段。举个例子,使用iOS CSS扩展可以控制文字大小和元素的高亮,如果你使用条件CSS,可以不影响网页在其他浏览器下的显示效果。

查阅 “Optimizing Web Content” 了解如何使用条件CSS, “CSS Basics” 学习如何向HTML中添加CSS,参阅Safari CSS Reference 获取完整的Safari所支持的 CSS 属性列表