求助，如何识别屏幕尺寸，并设置容器大小，以实现图像绝对居中
html中…………
有没有办法获取访问内容的设备，读取屏幕尺寸（应该是浏览器当前窗口尺寸）
然后将读取到的数据自行写入到容器（标签）中，，我在让图片在容器中居中
以实现图像在浏览器中的绝对居中！
$(document).ready(
function () {
//判断显示器的分辨率
var winWidth = document.documentElement.clientWidth;
var winHeight = document.documentElement.clientheight;
//var main = document.getElementById("main");
var main1 = $("#main");
var topic = $("#topic");
var content = $("#content");
var footer = $("#footer");
main1.css("width", (winWidth - 1024)/2 +760 +"px");
topic.css("width", (winWidth - 1024)/2 +760-22 +"px");
content.css("width", (winWidth - 1024)/2 +760 +"px");
footer.css("width", (winWidth - 1024)/2 +760 +"px");
}
);
var winWidth = document.documentElement.clientWidth;
var winHeight = document.documentElement.clientheight;
//var main = document.getElementById("main");
var main1 = $("#main");
var topic = $("#topic");
var content = $("#content");
var footer = $("#footer");
main1.css("width", (winWidth - 1024)/2 +760 +"px");
topic.css("width", (winWidth - 1024)/2 +760-22 +"px");
content.css("width", (winWidth - 1024)/2 +760 +"px");
footer.css("width", (winWidth - 1024)/2 +760 +"px");
}
);
直接用百分比如何？百分比会根据屏幕缩放自动调整在屏幕中的位置，能绝对居中。还有可以参考下js的i两个方法：screen.availHeight和screen.availWidth