PHP - Paginacion dinámica por responsive

Buenos días.
He terminado con éxito la paginación de productos en mi sitio. Ahora lo que necesito es que dependiendo de dónde se esté visializando cambie el número de elementos por pagina es decir, si está en un ordenador sea 8 productos, en un dispositivo de hasta 800px 4 productos y en uno de hasta 400px sólo 2 productos.

No me permite usar fuera del CSS "@media screen and (max-width: ###px)" y yo pagino en el index.php y pienso reasignar el valor de la variable de elementos de paginación dependiendo la pantalla

¿Existe alguna otra forma de hacerlo?

Agradeceré cualquier orientación.
Gina M

Supongo que haces la paginación en la consulta a la base de datos.
Como la detección de la resolución de pantalla se hace en el lado del cliente y la paginación la realizas en el lado del servidor.
La forma de hacerlo es con AJAX.
Cargas el documento sin los productos y una vez detectada la resolución mediante AJAX envías la información y recibes los productos según lo esperado.

Otra forma, no muy practica, es recibir todos los productos y con JS realizar la paginación.

Muchas gracias Alejandro.
Lo voy a checar.
Bonito día.