如何在WordPress中检测用户的浏览器类型并根据浏览器类型定义页面样式

作者:     目录:编程代码     发表:2010年01月14日

在Wordpress中检测浏览器的类型,并根据浏览器类型定义CSS样式表,提高CSS样式表的兼容性。

1. 在functions.php中添加下面的函数

<?php  add_filter('body_class','browser_body_class');  

function browser_body_class($classes) {
	global $is_lynx, $is_gecko, $is_IE, $is_opera, $is_NS4, $is_safari, $is_chrome, $is_iphone;
    	if($is_lynx) $classes[] = 'lynx';
		elseif($is_gecko) $classes[] = 'gecko';
	   	elseif($is_opera) $classes[] = 'opera';
		elseif($is_NS4) $classes[] = 'ns4';
		elseif($is_safari) $classes[] = 'safari';
		elseif($is_chrome) $classes[] = 'chrome';
		elseif($is_IE) $classes[] = 'ie';
		else $classes[] = 'unknown';   

	if($is_iphone) $classes[] = 'iphone';
  	return $classes;  }  ?>

通过上述代码,Wordpress会在body标签上添加一个浏览器类型的类.class 。

具体示例如下:

<body class=”home blog logged-in ie“>

2. 在style.css中定义相关类

例如:

.ie .post_title{margin-bottom:15px;} 

♥支付宝现金红包♥

支付宝现金红包,每天可领,红包金额最高 99元,使用无门槛,支付宝扫码付、还信用卡、充话费都可以使用。

支付宝红包领取方法:

  • 打开支付宝APP,首页搜索数字 1547638 即可领现金红包
  • 手机用户直接 点击这里领取
  • 或者支付宝APP扫描下面二维码领取
支付宝现金红包 每天可领

发表评论

电子邮件地址不会被公开。 必填项已用*标注

This site uses Akismet to reduce spam. Learn how your comment data is processed.