html - 试图让我的网站适应所有分辨率

Question

好的，所以我正在尝试让我的网站适应所有分辨率或屏幕尺寸，因为我目前正在使用 17"1920x1080 屏幕尺寸并且我的网站看起来不错，但是当我尝试在 10"或 15"屏幕上运行它时等等网站搞砸了，内容无处不在(主要是下降)所以我想知道如何解决这个问题？

谢谢

Answer 1

首先，您应该尽可能使用百分比值(例如 width:20%; 而不是 width:200px;)，这样您就不会依赖绝对像素分辨率(这通常会搞砸您的整个设计/布局)。

对于所有其他事情和调整，您应该查看 css 媒体查询(例如 w3schools):

@media screen and (min-width:1024px) {
    /* ... */
}