我的CSS屏幕分辨率无法正常工作

Question

我正在制作一个包含以下CSS的网站。每次我在计算机上更改分辨率时，＃info div下的文本都会被破坏。我该如何解决这个问题？感谢。

#container {
background-image:url('pic.png');
height: 541px;
width: 1020px;
margin: 0 auto;
}

#musicplayer {
margin-top:90px;
display:inline;
}

#info {
position: absolute;
top: 29em;
left: 38em;
}

Answer 1

如果你可以进入javascript端，使用类似jquery的东西并重新计算你的长度。有一个stackoverflow条目：

jQuery Screen Resolution Height Adjustment

如果您不能使用javascript，我认为使用百分比设置顶部和左侧是一个简单的修复：

http://www.w3schools.com/cssref/pr_pos_top.asp

这段javascript还向您展示了如何更改字体大小：

http://www.shopdev.co.uk/blog/text-resizing-with-jquery/

因为我会说这与问题有关。