×

让ie8,7,6更好的支持css3,媒体查询和html5

优畅主题 Wordpress技术 2013-12-18 11:21 4,914 0 条评论

难道我们还在乎ie8,7,6?我个人觉得越来越要忽略了。但ie8还是有一些人支持在使用的。

有三个脚本可以帮助你支持他们,他们补充了现代的一些东西,例如响应式设计,css3伪类和属性选择器以及html5的标签。为这些提供了更好的兼容性。

在浏览器小于IE9的情况下,我们可以在我们的主题加载下面这些js.

  • html5shiv.js (source) – HTML5 支持
  • selectivizr.js (source) – css伪类支持 (eg :last-child)
  • respond.js (source) – 媒体查询支持

那我们应该如何加载这些js呢?我们需要加载这个respond.js在主题的底部,而htmlshiv.js和selectivizr.js则在主题的顶部。下面的代码可以直接加载function.php里面。

 

/* IE js header */
function alx_ie_js_header () {
echo ''. "\n";
}
add_action( 'wp_head', 'alx_ie_js_header' );

/* IE js footer */
function alx_ie_js_footer () {
echo ''. "\n";
}
add_action( 'wp_footer', 'alx_ie_js_footer', 20 );

 

这样子,我们就可以解决在IE8甚至更低版本浏览器下的更好的浏览器支持了。


如果本文对你有帮助,你可以扫描右边的二维码打赏,谢谢支持
联系优畅:uctheme#qq.com (#改为@)
微信订阅号:优畅主题(uctheme)
官网淘宝店:http://uctheme.taobao.com
版权声明:版权归 优畅主题 所有,转载请注明出处!
转载请保留链接: https://www.uctheme.com/technical/574.html
谢谢支付宝打赏
谢谢微信打赏

品牌创立:2012-11-18优畅主题

优畅主题成立于2012年11月18日,专业Wordpress导购主题开发商,拥有多年Wordpress主题设计经验,专门为淘宝客和导购客站长量身打造高端赚钱模板,我们注重细节,有着严谨的开发态度,一切从客户角度出发,如果你也喜欢 WordPress导购主题,欢迎和我们一起交流!


9 + 6 = ?

目前还没有评。

切换注册

登录

忘记密码 ?

您也可以使用第三方帐号快捷登录

切换登录

注册