Question

大家好，我在解决这个问题时遇到了很大问题。我知道我必须使用JavaScript，但我无法理解如何。这是我的剧本：

<?php 
$posts = query_posts('order=DESC&cat=-2');
$cols = 4;
$filas = array_chunk($posts, $cols);
$columnas = array();
foreach( $filas as $row => $articulos ) {
foreach( $articulos as $ix => $articulo ) {
  $columnas[$ix] = isset($columnas[$ix]) ? $columnas[$ix] : array();
  $columnas[$ix][] = $articulo;
}
}
?>
<?php foreach($columnas as $posts):?> etc, etc ... <?php endforeach; ?>

其中$ cols值将根据用户的窗口屏幕更改。 I.E. =如果窗口屏幕是（某个值），那么$ cols =（某个值）

我真的很感激你的帮助。

干杯！

Answer 1

您可以执行类似于使用ajax脚本onload of page的操作。这将使您的网站变慢，但它应该具有正确的效果：

HTML

<div class="container">
    <!-- Place columns here -->
</div>

的jQuery

$(document).load(function(){
    var winWidth = $(window).width();
    $.post('phpscript', {width: winWidth}, function(data) {
        $('.container').html(data);
    });
});

PHP

<?PHP
    //Your PHP script to format your page in however many columns
    //Have your script here take the width of your page
    //Do do math to find how many columns
    //Query whatever you need to get those columns
    //Return the HTML
?>

这将允许您返回所需的任何列布局。虽然，我确信制作一些好的CSS可以更容易地根据需要制作尽可能多的列。

如何获得屏幕分辨率并将其放入PHP变量中

1 个答案: