JS要怎么改变浏览器缩放后DIV定位的位置?

一个绝对定位的div在1024*768和在800*600分辨率下在浏览器的位置不一样
例如:
<div style="width:200px; height:200px; right:200px; position:absolute; background:#000;"></div>
在分辨率是1024离右边200px,分辨率是800离右边20px,JS该怎么写?
最新回答
k好菇凉

2026-06-15 16:40:14

div的位置可以直接用offsetLeft或者offsetTop属性获取。窗口缩放可以用window.onresize捕获,代码例:
window.onresize=function(){
var xdiv=document.getElementById("a");
var lef=xdiv.offsetLeft;
var top=xdiv.offsetTop;

alert(lef+","+top);

}
一朵野菊

2026-03-06 14:47:05

CSS:

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<style>
.t1{width:200px; height:200px; position:absolute; background:#000; right:200px;}
@media (max-width:800px){
.t1{right:20px;}
}
</style>
</head>

<body>
<div class="t1"></div>
</body>
</html>

另外还可以用JS