Question

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

我的php真的不是很好，我花了一段时间才想出这个相当简单的脚本：

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

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

谢谢！

Answer 1

我认为你要找的是CSS media queries。

<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>

现在，这需要更多的思考和设计，因为您会希望整个网站都适合移动设备responsive。

在检测屏幕分辨率时无法获得if-else语句

1 个答案: