我需要让我的网站适合屏幕答案

【问题标题】：I need to get my website to fit the screen我需要让我的网站适合屏幕
【发布时间】：2012-11-14 14:50:27
【问题描述】：

我已将我的网站创建为固定布局，宽度为 1600 像素，但是较小分辨率的网页看起来太大了。我应该怎么做才能让它在每个分辨率下看起来都不错？

感谢帮助

【问题讨论】：

【解决方案1】：

使用相对度量，例如width: 100%。您可以使用min-width 和max-width 进一步限制这一点。

除此之外，您还可以使用CSS media queries 制作仅在满足某些条件时才适用的样式，例如最小或最大宽度。如果您使用它，您可以更改网站的整体外观和感觉，例如通过在较小的设备上隐藏部分或在较小的设备上从 2 列更改为 1 列文本呈现。

【讨论】：

所以我应该将 px 中的所有元素更改为 %？例如我有一个 150px 的 div，我应该改变多少？
嗯，不是全部，而是其中一些。多少合适，取决于您和网站结构。但是例如，如果您有一个 1600 像素的表格和 5 列每列 320 像素，那么您将使这些列 1600 像素的 1/5 = 20%。但这取决于父母的大小。默认情况下，与其父级相比没有多少元素，因此您只需要更改当前给定的绝对像素大小。具有自动宽度的所有内容都可能只是大小一致。

【解决方案2】：

基于百分比的宽度会根据屏幕尺寸改变宽度，但您也应该使用min-width 以确保页面不会变得太薄而破坏您的内容。

【讨论】：

【解决方案3】：

您的选择：

这里是学习响应式网站的绝佳资源 - 这是构建现代网站的方法，因此尽管看起来令人困惑，但您花在上面的每一分钟都是值得的。

祝你好运。

【讨论】：