如何确保网站适合所有屏幕分辨率？

Question

花了几个小时写了一个新的网站...在我的分辨率看起来很棒,1366x768 ...然而,即使下降到1024x768也意味着并非一切都适合屏幕宽度!

尝试:

<style type='text/css'>
    body {width:100%;}
</style>

这对我的分辨率有一些影响,但对较小的分辨率没有影响......如何确保我的网页在所有屏幕分辨率中都能100%适合？

Answer 1

不幸的是,我使用CSS @media指令,IE8不支持.符合标准的CSS3允许您根据视口的宽度进行不同的样式:

<style type="text/css">
@media screen and (min-width:1px) and (max-width:1365px) {
    ...
}
@media screen and (min-width:1366px) {
    ...
}
</style>

顺便说一句,你的CSS中有错误,你忘了指定单位:

body {width:100%;}