我的屏幕尺寸= 1920x1080，我创建了以下代码：
$windowSize = "<script>document.write(window.outerWidth);</script>";
// echo "<div class='"alto'">".$windowSize."</div>";
if ($windowSize == 1920) {
echo "<div class='"alto'"> 1 </div>";
} elseif ($windowSize < 1920 && $windowSize == 1000){
echo "<div class='"alto'"> 2</div>";
} else {
echo "<div class='"alto'"> 3 </div>";
}
但是在我的电脑显示 1920 年（正确），但没有显示"1".. 而是"3"。有人可以给我一盏灯，我可能会错过吗？
你不能以这种方式混合PHP和JavaScript代码。
一旦 PHP 代码被执行，它的输出就会发送到浏览器，并且没有直接的方法可以"读取"你输出的客户端代码 （JavaScript） 的结果。
上面的代码所做的只是将字符串"<script>...</script>"与1920进行比较，这将始终计算为false，从而达到代码块 3。
如果你想根据屏幕大小显示一个div，你可以单独在JavaScript中完成：
注意：下面的所有 JavaScript 示例都使用 jQuery。
<div class="a" style="display: none;"></div>
<div class="b" style="display: none;"></div>
<div class="c" style="display: none;"></div>
<script>
var windowSize = window.outerWidth;
if (windowSize >= 1920) {
$('.a').show();
} else if (windowSize >= 1000){
$('.b').show();
} else {
$('.c').show();
}
</script>
或者更好的是，使用CSS媒体查询，根本没有JavaScript。
但是，如果你想将这些信息传递给你的服务器，你可以让JavaScript在你的服务器上调用PHP脚本，例如：
<script>
$.get('window-size.php?size=' + window.outerWidth);
</script>
这将是一个单独的 PHP 调用，将在页面加载后发生。