Javascript 获取窗口浏览器宽度后呈现PHP模板

在某些情况下，我认为最好呈现另一个布局模板，而不是使用媒体查询特定设备。但是，现在，我需要使用PHP和Javascript来实现这一点

在$screen变量上，我得到了windowbroswer宽度，在这段时间里，我创建了一个语句来为客户端设备呈现更好的布局。但是，PHP没有理解变量$screen的正确值，因此无法呈现正确的布局。变量类型（字符串）有问题吗

我只是使用ajax来获取body的内容。比如，一旦加载了网站，就会触发ajax调用，并将浏览器详细信息发送给服务器。然后在服务器上相应地呈现内容并发送到浏览器。在html到达浏览器和javascript启动之前，php已经完成了处理…好吧，这是真的，两者都有理由。我将尝试遵循维韦克的建议。谢谢你们！我只是使用ajax来获取body的内容。比如，一旦加载了网站，就会触发ajax调用，并将浏览器详细信息发送给服务器。然后在服务器上相应地呈现内容并发送到浏览器。在html到达浏览器和javascript启动之前，php已经完成了处理…好吧，这是真的，两者都有理由。我将尝试遵循维韦克的建议。谢谢你们！

<?php
    $screen = "<script>document.write(window.innerWidth || document.body.clientWidth)</script>";
    if ( $query->have_posts() ): 
        while ( $query->have_posts() ): $query->the_post(); 
?>  
            <a href="<?php the_permalink();?>"  title="<?php the_title();?>">
                <?php
                    if( $screen <= 767 ) { include( get_template_directory() . '/templates/home-card.php'); }
                    else { include( get_template_directory() . '/templates/search-horizontal-card.php'); }
                ?>
            </a>
<?php
        endwhile;
    endif;
?>