Php 基于设备宽度的计数器更改

我已经使用此php代码在6项之后按顺序添加clearfix div

它工作得很好

这里，我想根据设备宽度设置计数器。这意味着，如果设备宽度大于1024。因此，计数器将计算6（在6项之后添加clearfix div）如果设备宽度小于1024，则为。计数器将计算4（在4项之后添加clearfix div）

我有以下代码： 我有以下代码：

<?php $counter = 0; ?>
    <?php foreach ($categories as $category) { ?>

<div class="item"></div>
<?php 
        if(++$counter % 6 === 0) { ?>
          <div class="clearfix"></div>
        <?php  
        }
    } 
    ?>

看起来是这样的：

<?php $counter = 0; ?>
    <?php foreach ($categories as $category) { ?>

<div class="item"></div>
<?php 
        if(++$counter % 6 === 0) { ?>
          <div class="clearfix"></div>
        <?php  
        }
    } 
    ?>

如果设备宽度大于1024

    <div class="item"></div>
    <div class="item"></div>
    <div class="item"></div>
    <div class="item"></div>
    <div class="item"></div>
    <div class="item"></div>
    <div class="clearfix"></div>
    <div class="item"></div>
    <div class="item"></div>
    <div class="item"></div>
    <div class="item"></div>
    <div class="item"></div>
    <div class="item"></div>
    <div class="clearfix"></div>
    <div class="item"></div>
    <div class="item"></div>

    <div class="item"></div>
    <div class="item"></div>
    <div class="item"></div>
    <div class="item"></div>
    <div class="clearfix"></div>
    <div class="item"></div>
    <div class="item"></div>
    <div class="item"></div>
    <div class="item"></div>
    <div class="clearfix"></div>
    <div class="item"></div>
    <div class="item"></div>
    <div class="item"></div>
    <div class="item"></div>
    <div class="clearfix"></div>
    <div class="item"></div>
    <div class="item"></div>

如果设备宽度小于1024

    <div class="item"></div>
    <div class="item"></div>
    <div class="item"></div>
    <div class="item"></div>
    <div class="item"></div>
    <div class="item"></div>
    <div class="clearfix"></div>
    <div class="item"></div>
    <div class="item"></div>
    <div class="item"></div>
    <div class="item"></div>
    <div class="item"></div>
    <div class="item"></div>
    <div class="clearfix"></div>
    <div class="item"></div>
    <div class="item"></div>

    <div class="item"></div>
    <div class="item"></div>
    <div class="item"></div>
    <div class="item"></div>
    <div class="clearfix"></div>
    <div class="item"></div>
    <div class="item"></div>
    <div class="item"></div>
    <div class="item"></div>
    <div class="clearfix"></div>
    <div class="item"></div>
    <div class="item"></div>
    <div class="item"></div>
    <div class="item"></div>
    <div class="clearfix"></div>
    <div class="item"></div>
    <div class="item"></div>

---

我们将非常感谢您的帮助。谢谢大家!

实际上，您需要使用

javascript

property

screen.width

和

screen.height

。Php不能在其中扮演任何角色

---

查看更多答案和意见

实际上，您需要使用

javascript

property

screen.width

和

screen.height

。Php不能在其中扮演任何角色

---

查看更多答案和意见

实际上，您需要使用

javascript

property

screen.width

和

screen.height

。Php不能在其中扮演任何角色

---

查看更多答案和意见

实际上，您需要使用

javascript

property

screen.width

和

screen.height

。Php不能在其中扮演任何角色

---

查看更多答案和意见

PHP在服务器上运行。它不知道客户端计算机的宽度。 howerjs可以获得屏幕的宽度。所以这里有一些技巧来解决这个问题

第1步：当用户通过此代码访问站点时，在客户端计算机上通过JS在cookie中存储宽度

var w = window.innerWidth;
document.cookie="screen_width="+w;

第2步：需要屏幕宽度时，现在可以用php获取cookie

$screen_width = $_COOKIE['screen_width'];

第3步：现在您可以在条件中的php代码中使用此宽度

<?php 
    $counter = 0;
    $screen_width = $_COOKIE['screen_width'];

    $limit = 4;
    if($screen_width>1024)
    {
        $limit = 6;
    }

    foreach ($categories as $category){
?>  
    <div class="item"></div>
        <?php 
        if(++$counter % $limit === 0) 
        { 
        ?>
          <div class="clearfix"></div>
        <?php  
        }
    } 
?>

---

PHP在服务器上运行。它不知道客户端计算机的宽度。 howerjs可以获得屏幕的宽度。所以这里有一些技巧来解决这个问题

第1步：当用户通过此代码访问站点时，在客户端计算机上通过JS在cookie中存储宽度

var w = window.innerWidth;
document.cookie="screen_width="+w;

第2步：需要屏幕宽度时，现在可以用php获取cookie

$screen_width = $_COOKIE['screen_width'];

第3步：现在您可以在条件中的php代码中使用此宽度

<?php 
    $counter = 0;
    $screen_width = $_COOKIE['screen_width'];

    $limit = 4;
    if($screen_width>1024)
    {
        $limit = 6;
    }

    foreach ($categories as $category){
?>  
    <div class="item"></div>
        <?php 
        if(++$counter % $limit === 0) 
        { 
        ?>
          <div class="clearfix"></div>
        <?php  
        }
    } 
?>

---

PHP在服务器上运行。它不知道客户端计算机的宽度。 howerjs可以获得屏幕的宽度。所以这里有一些技巧来解决这个问题

第1步：当用户通过此代码访问站点时，在客户端计算机上通过JS在cookie中存储宽度

var w = window.innerWidth;
document.cookie="screen_width="+w;

第2步：需要屏幕宽度时，现在可以用php获取cookie

$screen_width = $_COOKIE['screen_width'];

第3步：现在您可以在条件中的php代码中使用此宽度

<?php 
    $counter = 0;
    $screen_width = $_COOKIE['screen_width'];

    $limit = 4;
    if($screen_width>1024)
    {
        $limit = 6;
    }

    foreach ($categories as $category){
?>  
    <div class="item"></div>
        <?php 
        if(++$counter % $limit === 0) 
        { 
        ?>
          <div class="clearfix"></div>
        <?php  
        }
    } 
?>

---

PHP在服务器上运行。它不知道客户端计算机的宽度。 howerjs可以获得屏幕的宽度。所以这里有一些技巧来解决这个问题

第1步：当用户通过此代码访问站点时，在客户端计算机上通过JS在cookie中存储宽度

var w = window.innerWidth;
document.cookie="screen_width="+w;

第2步：需要屏幕宽度时，现在可以用php获取cookie

$screen_width = $_COOKIE['screen_width'];

第3步：现在您可以在条件中的php代码中使用此宽度

<?php 
    $counter = 0;
    $screen_width = $_COOKIE['screen_width'];

    $limit = 4;
    if($screen_width>1024)
    {
        $limit = 6;
    }

    foreach ($categories as $category){
?>  
    <div class="item"></div>
        <?php 
        if(++$counter % $limit === 0) 
        { 
        ?>
          <div class="clearfix"></div>
        <?php  
        }
    } 
?>

---

您可以使用此javascript代码

var iDiv=document.createElement（'div'）；
iDiv.className='item'；
var cfDiv=document.createElement（'div'）；
cfDiv.className='clearfix'；
var myWidth=screen.width；
如果（myWidth>=1024）
{
对于（i=1；i您可以使用以下javascript代码


var iDiv=document.createElement（'div'）；
iDiv.className='item'；
var cfDiv=document.createElement（'div'）；
cfDiv.className='clearfix'；
var myWidth=screen.width；
如果（myWidth>=1024）
{
对于（i=1；i您可以使用以下javascript代码


var iDiv=document.createElement（'div'）；
iDiv.className='item'；
var cfDiv=document.createElement（'div'）；
cfDiv.className='clearfix'；
var myWidth=screen.width；
如果（myWidth>=1024）
{
对于（i=1；i您可以使用以下javascript代码


var iDiv=document.createElement（'div'）；
iDiv.className='item'；
var cfDiv=document.createElement（'div'）；
cfDiv.className='clearfix'；
var myWidth=screen.width；
如果（myWidth>=1024）
{
对于（i=1；iYou不能用PHP检测屏幕宽度：你需要一些Javascript来做到这一点。（或者解释你的代码的目的以找到实现目标的另一种方法）@Harnish你试过我的答案吗？你不能用PHP检测屏幕宽度：你需要一些Javascript来做到这一点。（或者解释代码的用途以找到实现目标的另一种方法）@Harnish你是否尝试过我的答案你无法用PHP检测屏幕宽度：你需要一些Javascript来做到这一点。（或者解释代码的用途以找到实现目标的另一种方法）@Harnish你试过我的答案吗？你不能用PHP检测屏幕宽度：你需要一些Javascript来做到这一点。（或者解释一下你的代码的目的，以找到实现目标的另一种方法）@Harnish你试过我的回答吗？很好，但是对于
第一次访问
不会有任何名为
screen\u width
的cookie，因为服务器端的执行首先发生，并且会提供html来设置cookie。
如果是ajax请求，在这种情况下也会起作用。
是的，我们可以这样做，但对于
第一次访问
不会有任何名为
screen\u width
sinc的cookie