更新:现在已经通过 responsive design 能够自动适应不同屏幕大小,而不需要两个不同页面版本了。
由于多次有人提议这个 Free Mind 的博客对于移动设备浏览不是很友好,现在各种智能手机和平板设备已经相当普及,对于网页浏览文章阅读等任务似乎确实平板之类的设备渐渐成为主流,所以今天专门改造了一下增加了一点基础的移动设备友好的支持。
简而言之就是每篇博客现在有一个简化的版本,只要在原来的 URL 后面加上
/m 就可以访问到,或者点击右上角的“Mobile
Version”链接。目前简化版本把 margin
里的图、边注全部移到了主内容区。其它暂时没有做任何处理,因为我对 mobile
webdev
也没有什么经验。如果大家有什么意见或者建议,欢迎留言。特别是不知道改动把之前的正常版本哪里给搞坏了没有……
Comments
再加上“上一篇文章”和“下一篇文章”到 Mobile Version 里吧,会方便些的。
Archive 也弄一下~~
Archive 和 tags 之类的链接应该是要加进去的。上一篇下一篇这个突然想起来好像完整版里也是没有的。
哦,对了,在电脑版的网页下的 “Copyright © Chiyuan Zhang 2012 - Powered by Ruby, Pandoc and Liquid” 再加上 “CC license" 吧,个人认为文章页面内要有 CC 版权声明。Mobile Version 也要。
如果能根据user agent自动跳转就更好了,比如在手机上从rss阅读器链过来的时候
很多 tablet 之类的浏览器其实用的是普通 desktop 的 UA,在需要的时候才自己切换。而且网站是静态网页,不是很容易搞在服务端切换。
一般看Mobile View都是照顾用小屏幕的设备了吧?既然如此,Printable Version是否不需要加?不然误点了就要耗费下载流量呀。
其实 PDF 文件的体积非常小的,估计比网页 + 图片本身体积还小……
但用手机看网页的人应该很少会想把它下载到手机观看吧?因为pdf文件也很难对手机做优化。另外有个把PC网站变成手机网站的服务叫做mobify,你也可以试试。我前阵子也想折腾下,但后来觉得自己的博客用手机来看不算太糟所以就没动手。
《Head First Moblie Web》有介绍mobile web一些技巧,我当时有写过些东西http://www.cnblogs.com/elar... 在CSS里面设置一下就可以了,不需要多加按钮来支持移动设备呢
谢谢!不过因为 mobile 版除了 css 变化之外,有些复杂的结构 HTML 也会发生变化,所以目前还是需要不同的页面。