桌面和移动设备的PHP分页

桌面和移动设备的PHP分页,php,pagination,Php,Pagination,我想为桌面和移动设备设计分页,条件是:在桌面视图中,我想最多显示3行,在移动视图中,我想每页最多显示1行。我有以下分页脚本,该脚本在静态条件下工作,但我希望桌面和移动设备是动态的。请帮助我,并提前表示感谢 PHP脚本 <html> <body> <div id="content"> <?php $query1=mysql_connect("localhost","roo

我想为桌面和移动设备设计分页,条件是:在桌面视图中,我想最多显示3行,在移动视图中,我想每页最多显示1行。我有以下分页脚本,该脚本在静态条件下工作,但我希望桌面和移动设备是动态的。请帮助我,并提前表示感谢

PHP脚本

<html>

   <body>



         <div id="content">
            <?php
               $query1=mysql_connect("localhost","root","");
               mysql_select_db("customer_fetcher",$query1);

               $start=0;
               $limit=1;

               $id = 1;

               if(isset($_GET['id']))
               {
                   $id=$_GET['id'];
                   $start=($id-1)*$limit;
               }

              $query=mysql_query("select * from test LIMIT $start, $limit");
             echo "<ul>";
             while($query2=mysql_fetch_array($query))
             {
                     echo "<li>".$query2['name']."</li>";
             }
             echo "</ul>";
             $rows=mysql_num_rows(mysql_query("select * from test"));
             $total=ceil($rows/$limit);

            if($id>1)
            {
              echo "<a href='?id=".($id-1)."' class='button'>PREVIOUS</a>";
            }
            if($id!=$total)
             {
                 echo "<a href='?id=".($id+1)."' class='button'>NEXT</a>";
             }

             echo "<ul class='page'>";
             for($i=1;$i<=$total;$i++)
             {
                if($i==$id) { echo "<li class='current'>".$i."</li>"; }

                else { echo "<li><a href='?id=".$i."'>".$i."</a></li>"; }
             }
             echo "</ul>";
     ?>
           </div>
   </body>
   </html>


鉴于您的服务器无法可靠地知道什么设备,或者更重要的是屏幕大小,一个用户说,你可能无法通过纯PHP单独解决这个问题。也请,但我认为我可以从PHPif中检测到请求。如果我不能用PHP做到这一点,那么请告诉我替代解决方案。我还了解js和jquery。谢谢,我会用css结合使用
@media
标记以确定屏幕大小,并
显示:none
隐藏另一个菜单(如果不太昂贵,则使用php呈现这两个菜单)。鉴于服务器无法可靠地知道什么设备,更重要的是,不知道什么屏幕大小,一个用户说,你可能无法通过纯PHP单独解决这个问题。也请,但我认为我可以从PHPif中检测到请求。如果我不能用PHP做到这一点,那么请告诉我替代解决方案。我还了解js和jquery。谢谢,我会用css结合使用
@media
标记以确定屏幕大小,并
display:none
隐藏另一个菜单(如果不太昂贵,则使用php呈现这两个菜单)。