#box {display: none}
然后在 Javascript 中
window.onload = function() {
// 如果访问者分辨率大于等于 1280
if(screen.width >= 1280) {
// 显示 #box
document.getElementById("box").style.display = "block"
}
}
-------------------------
你也可以把下面的代码加入，作用是当用户改变窗口大小的时候，如果窗口小于 1280 就隐藏，反之显示。这样当窗口过小的时候 #box 不会遮挡正文内容。
window.onresize = function() {
if(window.innerWidth >= 1280) {
document.getElementById("box").style.display = "block"
}
else {
document.getElementById("box").style.display = "none"
}
}
就把那段script加到head之间。<script type="text/javascript">if(screen.width<=1240){document.write("<link rel='stylesheet' type='text/css' href='css/index_1240.css' />")}</script>screen.width<=1280 你的1024肯定是成立的，当然会用你下边载入的CSS样式来渲染页面。你做网站时固定了宽高，就不能实现你想要的效果了。最好是用百分比定义。网页总宽100% 表格宽50%这样子定义，就可以实现分辨率的调节。给你个js的文字提示。你试下。网页最好做成1024分辨率的。宽屏用户还是比较少的。相对来说。显示器检测代码[如果对方的分辨率不是1024*768就出现提示文字]
[你可以改一下分辨率试一下]
====1、将以下代码加入HEML的<body></body>；之间：
<script language=＂JavaScript1.2＂>
<!--
var correctwidth=1024
var correctheight=768
if (screen.width!=correctwidth||screen.height!=correctheight)
document.write（＂本站最佳分辨率： ＂+correctwidth+＂*＂+correctheight+＂. 你当前的分辨率是：＂+screen.width+＂*＂+screen.height+＂。设置合适的分辨率才能取得最佳的显示效果！＂）
//-->
</script>
