Question

用css写的网页，分辨率改变了，网页的图片和内容也乱了，请问如何能让网页不随分辨率改变而改变？

我的CSS是这样的：
body {
margin: 0px;
scrollbar-base-color: #F5FBFF;
scrollbar-arrow-color: #7AC4EA;
font: 12px Tahoma, Verdana;
background-color: #FFFFFF;
background-image: url("images/myhxj.GIF");

}
#center { margin-right: auto; margin-left: auto; }
legend {
color: #333333;
}
望各方大侠赐教！O(∩_∩)O谢谢

Answer 1

一：网页width 和height弄个固定值。但眼睛看肯定会觉得变了，实质没变。

二：就是换成百分比，随每个人的屏幕而变。

Answer 2

饮水思源
1.设置body内容的居中对齐
2.设置#center的宽度,并左右自动对齐
body {
margin: 0px;
text-align:center;
scrollbar-base-color: #F5FBFF;
scrollbar-arrow-color: #7AC4EA;
font: 12px Tahoma, Verdana;
background-color: #FFFFFF;
background-image: url("images/myhxj.GIF");

}
#center { margin-right: auto; margin-left: auto; width:800px;}
legend {
color: #333333;
}

Answer 3

用div以像素定好大小,然后在里面搭建就不会变了.
比如:
<div style="width:800px;height:600px;">
网页的内容...
</div>