CSS 是否有调整网页大小的标准

Question

我最近才通过 ASP.net class 了解有关 CSS 的任何信息，我想知道是否有一个标准可以让网站适应所有分辨率。

我的教科书简单地指出“这样，网站就可以很好地适应 1024 x 768 像素的屏幕，这是当今许多计算机的常见屏幕尺寸，而不会被 Windows 边框挤压。屏幕更大的系统只需将站点置于可用 space 的中心位置。”-开始 ASP.NET 4.5 in C# 和 VB by Imar Spaanjaars

虽然我觉得这可行，但我也觉得这不是使用 CSS 时的标准做法。

任何信息都很好，因为我对 CSS、ASP.Net 和 HTML 总体上还很陌生。

Answer 1

有800x600、1024x768、1280x1024等标准页面尺寸，不同阵营各有看法；但是最近的设计理论都集中在响应式设计上，因为屏幕的尺寸各不相同。

您在设计时应考虑一些尺寸，然后确保设计在尽可能多的设备上看起来不错。如果您没有数十种不同的屏幕尺寸可供使用，下面 link 等服务可以帮助您使用不同的虚拟屏幕尺寸检查您的网站：

http://quirktools.com/screenfly/

Answer 2

对于一般用例，您可以使用百分比来使您的内容适应屏幕大小。例如，

<style>
div {
  width: 80%;
  margin: 80px auto;
  padding: 25px;
  background-color: #ccc;
}
</style>
<div>Hi!</div>

将显示一个 div，它会根据屏幕大小自行调整（尝试调整 window 的大小），因为 width: 80%;.

如果您想根据屏幕大小更改 CSS 规则（技术称为 "responsive design"），那么您应该使用 @media query 关键字。参见 MDN

CSS 是否有调整网页大小的标准

Is there a standard for sizing a web page with CSS

css

asp.net

standards