Question

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

由于

Answer 1

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

对于所有其他事情并进行调整，您应该查看css媒体查询（例如w3schools）：

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

Answer 2

听起来您的网络内容没有相对于固定宽度的父容器定位，因为如果它是滚动条会加载而不是您的容器被按下。如果您想让网站布局响应屏幕尺寸，那么您需要使用响应式布局。

以下是有关入门响应式设计/开发的更多信息：

您还可以使用一个非常适合学习响应式网格布局的框架（以及更多）。 Bootstrap是最受欢迎的移动优先响应框架之一：

Answer 3

你可以学习一些东西：