尝试根据屏幕尺寸更改分页宽度

Question

我正在开发一个移动版本的网站，该网站的项目列表分为多个页面。 10页的分页行在台式机版本上效果很好，但在移动设备上则不能，其中5页更好。

如何使用视口的大小来更改构建分页线的迭代次数？换句话说，我想更改一个变量：“（$ i = 1; $ i = 5; $ i ++）”而不是“（$ i = 1; $ i = 10; $ i ++）”，如果屏幕宽度低于420像素。

这并不需要实时更新，只需重新加载即可。

我已经看过Ajax来做到这一点，但是所有示例都涉及图像大小和CSS文件。

<ul>
<?php // create 10 list items
for ($i = 1; $i = 10; $i++) {
    echo "<li><a href='?pageno=$i'";
    if ($i==$pageno) { 
        echo " class='current' "; 
    } ;
    echo ">$i</a></li>";
}; ?>
</ul>