我正在用以下CSS製作網站。每次我在計算機上更改分辨率時，#info div下的文本都會變形。我該如何解決這個問題？謝謝。屏幕分辨率無法與我的CSS正常工作
#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;
}
如果你可以在javascript方面，使用類似jquery的東西，並重新計算你的長度。沒有爲這個計算器條目：
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/
因爲我會說這與問題有關。
有沒有保持與簡單使用CSS？ –
@ fealiux-olio： 是的，使用百分比來指定高度，寬度。 例如： ＃info { width：15％; 身高：20％; } –
我不會使用javascript來親自調整div的大小，因爲這會在javascript被關閉的情況下打斷網站（您希望它會優雅地降級）。不過，我不確定自己完全瞭解你的問題。你說信息div下面的文本會變得不合時宜，你的意思是div中的文本還是其中的所有文字？在div變得破損的情況下，不要使用ems--使用像素測量或百分比。屏幕的分辨率不應影響頁面的佈局 - 如果您的網站寬度爲1024像素，則無論屏幕分辨率如何，都將始終如此。 –
當我說文本得到管理時，我的意思是說在我的正常分辨率下看起來很棒，但是當我降低分辨率時，它的格式就像一條線上的2個單詞，然後是一條線下面的一條線......想像得像這樣。你好世界
我的名字
是鮑勃
很高興到
見你 –