统计显示,每1000人里就有几十个手机浏览的,所以不得不考虑做个手机版,方便阅读。
一开始想用CSS实现,参考网上的文章试了一下用@media only screen and (min-width: )这个代码,把不同的样式分别写在里面,让窗口在768以下像素宽时,页面自动选择样式,自适应宽度,在不同的窗口显示不同颜色或字体,图片也自动缩放,在手机上试了下,效果还不错。后来发现IE不能识别,只好放弃。
很多推荐Mobile Themes这个插件的,可以自动识别手机和平板自动选择主题,就是要多加一个或两个主题,好在我用的界面没有侧栏,只要改改宽度和图片显示尺寸,把字体大小转换成EM单位,再把一些手机用不了的功能删了,如RSS等等,就是个简单的手机版本了,用安卓和苹果试了一下都正常。