Javascript 如果屏幕分辨率宽度>；1028

大家好，

我对javascript相当陌生。如果屏幕分辨率宽度大于1028px，我编写了一个非常简单的脚本来添加背景图像

不幸的是，在另一台分辨率为800x600的计算机上尝试后，它无法工作

我不想拉伸图像，只要在屏幕分辨率宽度大于或等于1024时添加即可

代码如下：

    <SCRIPT language="JavaScript">
    <!--
    document.write('<style type="text/css">div#container_header_body {background-image:url(\'');
    if (screen.width<1024)
    {
     document.write('none;');
    }
    else
    {
      document.write('images/mmmgirl.png');
    }
    document.write('\');</style>');
    //-->
    </SCRIPT>

<link rel="stylesheet" type="text/css" href="stylesheet.css" />

谁能告诉我我做错了什么

非常感谢。我已经从这里学到了很多

---

--Andrew

不需要JavaScript，只需使用：

---

不需要JavaScript，只需使用：

尝试：

尝试：

---

PS.

可以安全地省略，就像

语言

属性一样。似乎您正在使用一个古老的JavaScript教程。一个更好的获取信息的地方是Mozilla开发者的网络：PS.

可以安全地省略，就像

语言

属性一样。似乎您正在使用一个古老的JavaScript教程。一个更好的获取信息的地方是Mozilla开发者的网络：有趣！它适用于所有浏览器吗？如果是的话，我喜欢这个答案@格雷斯·绍支持它。IE从第9版开始。很有趣！它适用于所有浏览器吗？如果是的话，我喜欢这个答案@格雷斯·绍支持它。从第9版开始，答案也是一样。

@media all and (min-width: 1024px) {
    background-image: url(images/mmmgirl.png);
}

var screenWidth = screen.width,
    container = document.getElementById('container_header_body');

console.log(screenWidth);

if (screenWidth > 1024) {
     container.style.backgroundImage = 'url(http://oddanimals.com/images/lime-cat.jpg)';
} else {
    container.style.backgroundImage = 'none';
}