Skip to content


IPhone网页应该注意哪些地方?

最近支持IPhone的网站越来越多,随着这次3G IPhone的低价发布,应该越来越多的网站漂亮的出现在它上面.

下面简单讲几个制作IPhone网站时应该注意的地方:

首先在之间
IPhone用的Safari浏览器,屏幕有横竖2中显示方法.在页面META标注上需要加上
以固定在IPhone浏览器上的显示大小和缩放.

<meta name="viewport" content="width=320; initial-scale=1.0; maximum-scale=1.0; user-scalable=0;"/>

如果希望给自己网站保存后在桌面显示图标可以准备一个57px见方的PNG.然后

<link rel="apple-touch-icon" href="http://your.com/apple-touch-icon.png"/>

IPhone网页是集成的电话号码拨号的,点链接直接拨号,所以写法也有所不同

<a href="打电话给你">21-12345678</a>

在页面里所有DIV结构的东西都不要定义特殊的宽度,这样横竖都可以正确显示.
文字大小要注意比一般网页大,在14-16px之间为好,段落间距,按钮大小,也需要稍稍调整,总之随着使用,在易用上你会发现一些需要修改的地方,这里就不一一列出了.
原创,转载注明出处

Posted in 网站设计.

Tagged with , , , , .


2 Responses

Stay in touch with the conversation, subscribe to the RSS feed for comments on this post.

  1. 飞烟 says

    耶,哪里看来的?还是你现在在搞这方面研究了?

  2. 梅雨 says

    没看到写着原创么!



Some HTML is OK

or, reply to this post via trackback.