我发现我这人喜新厌旧太厉害了,每款主题用不了2个月必修的更换或调整一下,昨天心血来潮,重新做了一款新主题,使用 HTML5 和 CSS3 编写,只好对不起那些使用IE8版本以下的用户了。
目前利用手机上网的用户越来越多,由于分辨率不同,会影响网页的布局,而利用HTML5和CSS3,则可以编写 自动适应屏幕大小的网页。
查看本主题的HTML源代码可以发现下面的代码:
<meta name=”viewport” content=”width=device-width, minimum-scale=1.0, maximum-scale=1.0″>
而查看本主题对应的CSS代码则会发现下面的代码:
/* media queries ipad */ @media (min-width: 481px) and (max-width: 768px) {} /* media queries mobile */ @media (max-width: 480px){}
当屏幕宽度小于480px时,网页布局会自动调用480px对应的CSS代码,这就是特意为手机设置的CSS代码。
HTML5和CSS3相当强大啊,还得慢慢研究一下。
移动版主题还是推荐用wptouch来做,毕竟有些内容我们并不想在移动版上显示,像幻灯片和广告。
2个月换一次,太强了。我的主题算是比较土的,还没考虑手机浏览问题