javascript - 如何将网站宽度从标准尺寸更改为宽屏？

Question

我知道您可以设置您选择供用户查看的标准像素大小，但是许多网站如何创建“浮动”屏幕调整？我猜它会检测阅读器的屏幕尺寸，然后进行调整。如何才能做到这一点？信息：我有标准的盒子尺寸，我想为“更宽”的笔记本电脑屏幕进行可变调整......

Answer 1

有几种方法可以做到这一点，但最基本和最简单的方法是使用百分比作为宽度。像这样，然后对嵌套元素使用相对百分比。

body {
    width: 100%;
}

Answer 2

正如 Dustin 建议的那样，如果您希望元素的宽度与可用显示相关，您可以在 CSS 中使用百分比指定宽度。如果您希望元素“浮动”（在中间），并保持相对于显示器的宽度，您可以尝试以下 CSS（其中 myDiv 是您想要遵循此行为的 a 的 id）：

div#myDiv {
    width:                  75%;
    margin-left:            auto;
    margin-right:           auto;
}