再次更新 iPhone CSS 样式

10.11.2011, UI Design, by , 1,583 views.

首先是今天是本 Blog 上线 5 周年的纪念日。Blog 5 岁生日快乐!iLost 的 CMS 版在进行语音包的处理,很快就可以发布了。

最近把 iPhone 的样式更新了,主要是正对iPhone 的触摸特性把一些链接的点击区域放大了。iPhone 上由于屏幕限制就主打横屏浏览模式,搜索和分享在竖屏状态下是隐藏了的。

现在直接使用 iPhone 访问本站就可以看到新的针对 iPhone 优化后的主题样式了。

预览图在这里:

首页竖屏:

首页横屏:

列表竖屏:

列表横屏:

文章竖屏:

文章横屏:

还有就是评论的插入表情的地方,我把可点击区域加大了。

感觉这次 iPhone 又是像 iPad 那样朝 Web APP 形式发展了。呵呵。

9 个评论

  1. 大余 回复

    我想请教一下,每次载入页面后淡出的那个黑色的消息框是怎么实现的。

  2. Ansonyi 回复

    还是横屏看着舒服!!!

  3. heson 回复

    怎么看都舒服啊···············

  4. 天水博客 回复

    五年,很厉害啊。厉害 💡

  5. 酷68 回复

    晕啊,你的博客用iphone访问是这个样子吗?太酷了!!!哇!怎么做到的!!可惜啊,没有iphone的路过~~~~ 😕

  6. 。潇 回复

    大虾,威武,居然博客5年了、

  7. uimaker 回复

    老xu强大啊!用手机访问也能显示的如此完美,体验了下,果然牛! 😆

  8. mr.zhou 回复

    成都的朋友,希望可以认识你 QQ:(2478939232)

  9. Andrew.Ye 回复

    你好,我在做手机页面,在安卓机上访问正常,但用ios设备又有些不正常。刚访问时,字号和图片被放大。刷新页面也这样。只有点击后退时,样式才正常。我不知道哪个地方出了问题,求助!

发表评论

电子邮件地址不会被公开。 必填项已用*标注