使网页适合所有分辨率

Question

我正在搜索如何使您的网页适合任何屏幕分辨率，我发现大多数答案更喜欢使用％而不是像素。当我查看本网站的代码时，我发现这是正确的http://zcsfestival.com/ 您可以在移动分辨率中找到对象重叠，或者当您没有最大化浏览器窗口时。但是，当我阅读此网站的代码时http://m3adikawmia.eb2a.com/?ckattempt=1 我发现它使用像素，当我恢复浏览器窗口时，它也符合任何屏幕分辨率。看起来很完美。我对此感到困惑，我想要澄清这一点。

先谢谢，

Answer 1

一种方法是使用％定义元素。但有时候元素在移动分辨率方面会很小，因此有必要为不同的分辨率定义不同的CSS代码。像这样：

正常情况：

.container {width: 1000px;}

响应：

@media only screen and (max-width:800px) {
    /* redefining some element sizes like the example: */
    .container {width:100%;}
}

这种方式将持续到移动解决方案。