HTML/CSS：使用不同的屏幕分辨率使我的布局更加用户友好

我一直在用百分比和edm编码我现在正在处理的布局。即使我不使用像素编码，我的布局在我的1920x1080计算机上看起来还是一团糟。在我的1280x800电脑上，它看起来不错。我还可以做些什么，使我的布局在不同的屏幕分辨率下更加用户友好

1920x1080：

1280x800：

index.html：

看看

这是一个简单的网格系统，允许您为所有类型的屏幕和设备构建响应性设计。

看看

---

这是一个简单的网格系统，允许您为所有类型的屏幕和设备构建响应性设计。

您可以做的一件事是将所有内容放入包装器div中，并将其设置为屏幕宽度的某个百分比。这不是一个完美的解决方案，但它确实缩小了您必须填充的屏幕空间-对于像您的示例这样的低内容页面尤其有用

<div id="wrap"> ... </div>

#wrap{
  width:80%;
  display:block;
  margin:auto;
}

---

有一些基本功能，这也会有所帮助。

您可以做的一件事是将所有内容放入包装器div中，并将其设置为屏幕宽度的某个百分比。这不是一个完美的解决方案，但它确实缩小了您必须填充的屏幕空间-对于像您的示例这样的低内容页面尤其有用

<div id="wrap"> ... </div>

#wrap{
  width:80%;
  display:block;
  margin:auto;
}

---

有一些基本的功能，这也会有帮助。

我也有类似的问题，我发现它取决于浏览器。一种方法是不使用绝对定位来创建布局。我也遇到过类似的问题，我发现这取决于浏览器。对这个问题竖起大拇指，因为它是一个很好的问题。一种方法是不要使用绝对定位来创建布局

<div id="wrap"> ... </div>

#wrap{
  width:80%;
  display:block;
  margin:auto;
}