新 WordPress 主题(HTML5+CSS3)

作者:     目录: CSS+HTML & WordPress     发表: 2011年10月25日

我发现我这人喜新厌旧太厉害了,每款主题用不了2个月必修的更换或调整一下,昨天心血来潮,重新做了一款新主题,使用 HTML5CSS3 编写,只好对不起那些使用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相当强大啊,还得慢慢研究一下。

2 个评论

  1. yahiousun说道:

    移动版主题还是推荐用wptouch来做,毕竟有些内容我们并不想在移动版上显示,像幻灯片和广告。

  2. 陈庆华说道:

    2个月换一次,太强了。我的主题算是比较土的,还没考虑手机浏览问题

发表评论