我正在从事的项目由一个显示内容的网格组成。我想将网格上每个项目的大小调整为视口(viewport)大小的四分之一。这对于 Javascript 来说非常容易,但是有一些后端的东西需要知道每个项目的大小:
我正在使用 Timthumb 将项目图像调整为适当的大小,因此我需要检测视口(viewport)的宽度,并将适当的值(视口(viewport)的宽度/4)发送到为每个项目提供服务的 php,因此它告诉 Timthumb 要使用的适当大小。
解决这个问题的最佳方法是什么?
最佳答案
请求页面时,在 $(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']
关于php - 有什么方法可以用 JS 和 PHP 来实现 "backend media queries"吗?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/6862252/