Javascript 窗口大小屏幕的条件

我的屏幕大小为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的结果

上面的代码只是比较字符串。。。到1920，它将始终计算为false，从而到达代码块3

如果要根据屏幕大小显示div，可以单独使用JavaScript：

注意：下面的所有JavaScript示例都使用

var windowSize=window.outerWidth； 如果Windows大小>=1920{ $a.show； }否则，如果Windows大小>=1000{ $'.b'。show； }否则{ $'.c'.show； } 或者更好的是，使用CSS而不使用JavaScript

但是，如果您希望将此信息传递到服务器，可以让JavaScript调用服务器上的PHP脚本，例如：

$.get'window-size.php？size='+window.outerWidth；

---

这将是一个单独的PHP调用，将在页面加载后发生。

您需要通过ajax将参数发送到PHP。如果您使用的是变量$windowSize，它是PHP的，在服务器上执行，并包含值document.writewindow.outerWidth；作为字符串，而不是屏幕大小。为此，您必须使用JAVASCRIPT客户端代码并相应地追加内容；whitout-iniciate javascrpt@simarjeethinghpanghlia？@HaimEvgi我不理解jquery，不幸的是，我不会像我那样理解这段代码。我认为这会更容易，因为我花了这段代码返回的是屏幕大小的正确值，所以我认为它只会生成其余的if。谢谢@Benjamin！我尝试第一种选择。。。感谢所有帮助我的人：