试图让我的网站适合所有分辨率答案

【问题标题】：Trying to get my website to fit all resolutions试图让我的网站适合所有分辨率
【发布时间】：2015-04-01 13:10:20
【问题描述】：

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

谢谢

【问题讨论】：

尝试对响应式网站使用引导程序。
好吧.. 欢迎来到 StackOverflow！在 StackOverlfow 上，您应该向我们展示您的代码。为什么？因为我们不会盲目地试图回答你的问题。请在此处复制并粘贴相关代码。
@LuthandoLoot 他为什么要使用引导程序，他不知道 HTML 和 CSS 的基础知识。你会让他/她更加困惑。

【解决方案1】：

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

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

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

【讨论】：

【解决方案2】：

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

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

您还可以考虑使用一个非常适合学习响应式网格布局（等等）的框架。 Bootstrap 是最流行的移动优先响应式框架之一：

【讨论】：

【解决方案3】：

你可以潜心学习一些东西：

【讨论】：