php - 有什么方法可以用 JS 和 PHP 来实现 "backend media queries"吗？

Question

我正在从事的项目由一个显示内容的网格组成。我想将网格上每个项目的大小调整为视口(viewport)大小的四分之一。这对于 Javascript 来说非常容易，但是有一些后端的东西需要知道每个项目的大小:

我正在使用 Timthumb 将项目图像调整为适当的大小，因此我需要检测视口(viewport)的宽度，并将适当的值(视口(viewport)的宽度/4)发送到为每个项目提供服务的 php，因此它告诉 Timthumb 要使用的适当大小。

解决这个问题的最佳方法是什么？

Answer 1

请求页面时，在 $(document).ready 中，使用 jQuery 检测视口(viewport)的大小并将其传递到 AJAX 请求中怎么样？

$(document).ready(function () {
    var height = $(window).height();
    var width = $(window).width();
    $.ajax({
        type: 'POST',
        url: image.php,
        data: {
            "height": height,
            "width": width
        },
        success: function (data) {
            $("#viewarea").html(data);
        },
    });
});

在 PHP 端你可以获取它并返回数据

$_POST['height']
$_POST['width']