请问下，PC端电脑网页怎么做自适应。不是说移动端

Question

。老师有很想滚动条。软后，我调节了自己的电脑的分辨率后有感觉元素都变大了，图片啊什么的，为什么分辨率调小了，元素看起来反而变大了。JD。TAOBAO好像都是变大了。怎么做自适应啊。

Answer 1

是啊，比如以前你的分辨率是1440*900，那么调整后为800*600，那么就是说以前100像素平方约占屏幕的1/130（一百三十分之一），而调整后100像素平方占屏幕的：1/48（四十八分之一），所以元素都看起来大了。你说的自适应，使用者是无法处理的。但是技术上是可以处理的。

用CSS3的media语句处理不同分辨率的兼容性。

如：

@media screen and (max-width: 800px) {
}

@media screen and (max-width: 1440px) {
}

当然了，还要浏览器兼容CSS3才可生效。