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

Question

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

在$ screen变量上，我得到了窗口宽度的宽度，并且，在此之后，我创建了一个语句来为客户端设备呈现更好的布局。但是，PHP并不了解变量$ screen的正确值，因为这不会呈现正确的布局。变量类型（字符串）有问题吗？

<?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;
?>