我将使用xhtml,css,javascript和php建立一个网站。这个网站应该正确地出现在iPhone和其他类型的智能手机上,就像它会出现在计算机上一样,所以我想知道在开始构建这样的网站时应牢记的几点。

最佳答案

1)使用<meta name="viewport">标记正确设置比例,以便您的内容充满屏幕

2)避免使用overflow:scroll在内部滚动iframe或div等区域,因为它们在iOS4和更早版本或大多数Android版本上不起作用

3)避免使用position:fixed将导航固定到屏幕的特定部分,因为这在iOS4和更早版本或大多数Android版本上不起作用

4)不要依赖悬停或基于鼠标悬停的交互,例如鼠标悬停时出现的下拉菜单,因为这些菜单不能很好地工作或根本无法在基于触摸的设备上工作

5)避免将小文本或链接靠近在一起,因为如果您的页面宽度为800像素,并且将其缩小到320像素的屏幕,则这些文字将很难阅读或点击。

6)不要使用Flash

一般来说,您可以选择如何执行此操作:

1)用漂亮的大文本制作一个网站,当缩小到小屏幕时可以很好地使用它

2)为您的网站设计两种布局,并使用JavaScript或CSS媒体分辨率查询在移动版本和桌面版本之间切换样式表,或者

3)进行所谓的液体布局,可以在不缩放的情况下针对不同的屏幕尺寸适当调整宽度

10-05 21:04
查看更多