如何使用PHP检测浏览器大小

Question

我有一个Wordpress header.php页面,看起来像这样......

<?php if( is_home() || is_front_page() ) : ?>
<img src="<?php bloginfo('template_directory'); ?>/images/logo.png" alt="logo"
width="206" height="136" border="0" class="logo" />

<?php else : ?>

<img src="<?php bloginfo('template_directory'); ?>/images/logo_inner.png"
alt="logo" width="187" height="130" border="0" class="logo" />

<?php endif; ?>

因此,当当前页面不是主页时,使用不同的徽标.

我想知道是否可以在'if'部分添加一些代码来检测浏览器大小,因为我想在移动设备上使用不同的徽标.我知道你可以使用Jquery这样做

if ((screen.width<=420)) {
 //do something
}
else {
//do something else
}

我尝试过使用Detect Mobile脚本 - http://detectmobilebrowsers.com/希望更换徽标,但php代码会覆盖jQuery代码.

if(jQuery.browser.mobile==true){ 
   jQuery('.logo').attr('src','.../images/mobile_logo.png');
} else { 
   jQuery('.logo').attr('src','../images/logo.png'); }

Answer 1

这不是你应该解决服务器端的问题.这是一个CSS问题.在样式表中包含以下内容:

@media all and (max-width: 699px) {
  /* mobile styles here */
}

有关媒体查询的详细信息,请查看此文章.