Question

我正在尝试设计新网站，但我遇到了一些问题。当我在我的计算机浏览器中查看网站时，我正在使用13英寸笔记本电脑一切都很好，但是当我看到更大的屏幕时，div显示更小等等。我应该使用哪个单位的div的宽度，高度和边距？我已经尝试过px em了解我已经做到了这样的事情。

.tBackground{
        margin-left:10%;
        margin-top: -200px;
        margin-bottom:auto;
        margin-right:auto;
        height: 30%;
        width: 110%;
        background: rgba(80, 78, 78, 0.75);
        overflow:auto;

}

用这个css在大屏幕上是正常的，但是在我的13英寸笔记本电脑中，它非常大，不适合屏幕

Answer 1

在网页设计中不能简单地使用一个单元。它们全部存在的原因是变异。这完全取决于你想要的东西：

px - 不会缩小移动设备

em - 缩小移动设备

百分比 - 占用一定数量的屏幕

这完全取决于想要完成的事情。但是，这些只是基本的差异。如果您想了解更多相关信息，可以访问this website（其中还包括pt）。

此外，您可以阅读此StackOverflow问题的答案：Why em instead of px?

在网页设计中应该使用哪个单位

1 个答案: