怎么用js来调整div的宽度？当大于1024时按照百分比来，当小于1024时按照固定像素来

JavaScript016

怎么用js来调整div的宽度？当大于1024时按照百分比来，当小于1024时按照固定像素来,第1张

<html>

<head>

</head>

<body onResize="reSizeDiv()">

<div id="d1" style="width:400pxheight:400pxbackground-color:lightblue"></div>

<SCRIPT>

reSizeDiv()

function reSizeDiv()

{

var s = document.body.offsetWidth //(带浏览器边框的宽度)

//var s = document.body.clientWidth//(不带浏览器边框的宽度)

if(isFirefox=navigator.userAgent.indexOf("Firefox")>0)

s=window.innerWidth

var a = 1024 //要变换的临界点

var w = "400px"//DIV宽度（像素）

var w1 = "40%" //DIV宽度（百分比）

var d = document.getElementById("d1")

if(s >a)

{

d.style.width = w1

d.innerHTML = "DIV宽：width="+w1+"<br>DIV高：height=400px<br>当前窗口宽：Width="+s+"px"

}

else

{

d.style.width = w

d.innerHTML = "DIV宽：width="+w+"<br>DIV高：height=400px<br>当前窗口宽：Width="+s+"px"

}

}

</SCRIPT>

</body>

</html>

你做网站时固定了宽高，就不能实现你想要的效果了。最好是用百分比定义。网页总宽100% 表格宽50%这样子定义，就可以实现分辨率的调节。给你个js的文字提示。你试下。网页最好做成1024分辨率的。宽屏用户还是比较少的。相对来说。

显示器检测代码[如果对方的分辨率不是1024*768就出现提示文字]

[你可以改一下分辨率试一下]

====1、将以下代码加入HEML的<body></body&gt；之间：

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

就把那段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样式来渲染页面。