Html 使网页适合所有分辨率

我在搜索如何使你的网页适合任何屏幕分辨率，我发现大多数答案更喜欢使用%而不是像素。当我查看这个网站的代码时，我发现这是正确的 您可以在移动分辨率或未最大化浏览器窗口时发现对象重叠。然而，当我读到这个网站的代码时 我发现它使用像素，当我还原浏览器窗口时，它也适合任何屏幕分辨率。看起来很完美。我对此感到困惑，我想澄清这一点

---

感谢advance，

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

正常情况：

.container {width: 1000px;}

响应：

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

---

这种方法将一直持续到移动分辨率。

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

正常情况：

.container {width: 1000px;}

响应：

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

---

这种方式将一直持续到手机分辨率。

听起来你想阅读媒体查询，它们基本上允许你根据屏幕宽度等特定标准应用不同的样式。如果屏幕宽度（在本例中）发生变化并跨越媒体查询边界，则另一个媒体查询中的css将启动。您可以尝试响应框架吗？Bootstrap或PolymerIt听起来像是您想要阅读媒体查询，它们本质上允许您根据特定条件（如屏幕宽度）应用不同的样式。如果屏幕宽度（在本例中）改变并跨越媒体查询边界，另一个媒体查询中的css将启动。您可以尝试响应框架。引导或聚合吗