php - 如何根据 PHP 中的屏幕大小在滑块中显示不同数量的项目？

Question

我正在使用媒体查询来调整网站布局。

我的问题是：如何根据屏幕大小在滑块中显示不同数量的项目？

对于小屏幕，我对此表示赞同：

<?php if($i == 4) {echo '</li><li>';} ?>

在大屏幕上我需要回应这个：

<?php if($i == **3**) {echo '</li><li>';} ?>

如何仅使用 php 进行设置？有什么解决方法吗？

谢谢

Answer 1

您可以通过两次回显所有内容来实现这一点，并对大屏幕和移动屏幕进行必要的修改。

<div class="mobile-only">
  <!-- Echo your stuff for mobiles -->
</div>
<div class="big-screen-only">
  <!-- Echo your stuff for full-sized screens -->
</div>
<!-- Maybe more -- depending on your requirements -->

然后让您的媒体查询隐藏.mobile-only在普通屏幕上，反之亦然。虽然这看起来有点矫枉过正，但我​​想在大多数情况下这是完全正常的。

更新：发布可以完成工作的媒体查询（在您认为合适的情况下更正它们）

@media screen and (max-width:480px) {
  .big-screen-only { display: none }
}

@media screen and (min-width:481px) {
  .mobile-only { display: none }
}

Answer 2

简短的回答：你不能。

长答案：由于 PHP 在服务器上运行，它绝对无法知道它会显示在哪里，或者它是否真的会显示；更不用说那个显示器的尺寸了。服务器无权访问该信息。有一些涉及 AJAX 和发送参数和重新加载页面的解决方法，以及其他各种 hack；但最后，您应该接受 PHP 是不适合该任务的工具，并使用 JavaScript 之类的东西来更新样式。