iPhone版网站相关

iPhone已经快成街机了~T_T~网站要是没个iPhone版感觉有点怪怪，没iPhone赶快跟老大说，我们应该做个iPhone版，买两台来测试用^^。

开发时要注意的几点就是：

• 指定页面的宽度及缩放，head里加上：

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

• 可以用window.scrollTo(0, 0);移到适合的位置。
• 没有hover，a的点击范围尽量大一点，不然很难点。两个a不要放得太近。^^或者直接在元素的onclick加跳转。
• label居然不能关联input.
• css支持并没有像乔布斯说的跟电脑上的Safari一样，不能直接用Safari代替调试。
• iPhone的头跟Google的Android的基本一样：

  Mozilla/5.0 (iPhone; U; CPU like Mac OS X; zh-cn) AppleWebKit/420+ (KHTML, like Gecko) Version/3.0 Mobile/1C28 Safari/419.3

iPhone版网站还可以跑在Google的Android，也许以后可以代替WAP。我也在练习中，http://iphone.aoao.org.cn，欢迎点击，一个光明正大的小偷网站，首页一直没时间做T_T。先看一下别人是怎样做滴。

• Google: http://yidong.google.com/m yidong？移动？ 真奇怪，在国内直接访问并没有看到新版，但域名却。。，挖哈哈。
• Facebook: http://iphone.facebook.com 很明显，由于面向的人群不一样，设计也就不一样。。
• Leaflets：http://app.getleaflets.com/ 一个搜索Search，Feeds，Flickr中转，del.icio.us中转及iphone版的网站列表的综合服务，^^
• Pocket Tweets：http://pockettweets.com/，Twitter的iphone版。挖哈哈，设计做得精美无比，功能呢，好像跟Twitter的差不多，除了设置
• Solomodels ：http://www.solomodels.com/iphone/ 其实，我是上去看MM滴，很明显，摄影师是男滴，模特是女滴~同门还有Shockfolio http://www.shockfolio.com/iphone/，两个站风格一样，不过MM不一样。^^
• beejive：http://iphone.beejive.com 可以上MSN，GoogleTalk，细节做得不错，看截图不知道有没有人去做可以上QQ滴。
• 插播广告(MT)Media Temple：http://ac.mediatemple.net/iphone 没帐号的可以到这里看一下界面截图，我的空间商，不过给的iphone版后台少了最重要的的地方－－看GPU。 (MT)很好~很强大~当机补了两个月的月租给我^^ 现在就天天盼着当机。
• 6间房：http://iphone.6.cn 应该是国内第一个iphone版的应用。^^ 可以看视频哦。 而且这里还推荐了一些iPhone版的网站
• ZCOM电子杂志：http://zcom.com/iphone/ 很明显，风格就是抄6间房滴，不过做的还不错。这里有ZCOM的iPhone的专页制作过程，好像少了重点。挖哈哈。

其实iPhone版的网站已经有一大堆了。可以到iPhone™ Application List有没有适合你的应用，不过好像多数设计得不怎样。

再其实，网站可以不用针对iPhone做开发，当然，有时间跟精力去做更好。别说我小气不贴图，看张图，然后打开http://www.apple.com/mac/跟下面的图片对比一下：

当然，细节部分还是要处理的。截图推荐使用Dock ^^ 注意上面的图右下角处，多帅。