0

我在我的网站上为手持设备制作了一个单独的导航栏,所以我想出了一个 PHP 脚本来检测分辨率并相应地输出不同的导航栏。

我对 php 还不是很擅长,我花了一段时间才想出这个相当简单的脚本:

<?php if ($(window).width() < 764) : ?>
<p>mobile navigation</p>
<?php else : ?> 
<p>normal navigation</p>    
<?php endif; ?>

当我使用它时,页面不会在此代码内或下面加载任何内容,页面的其余部分也不会加载。如果有人可以提供帮助,我将不胜感激。

谢谢!

4

1 回答 1

0

我认为您正在寻找的是CSS 媒体查询

<style>
#mobileNavigation {
  display: none;
}
@media (max-width: 480px) {
  #mobileNavigation {
    display: block;
  }
  #desktopNavigation {
    display: none;
  }
}
</style>

<div id="mobileNavigation">Mobile users see this</div>
<div id="desktopNavigation">Desktop users see this</div>

现在,这需要更多的思考和设计,因为您会希望您的整个网站对移动设备友好且响应迅速。

于 2013-05-21T23:43:29.743 回答