html - 我需要让我的网站适合屏幕

Question

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

感谢帮助

Answer 1

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

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

Answer 2

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

Answer 3

您的选择：

• 使用较窄的固定宽度。保持在 1,000 像素以下是相当安全的，但并不完美
• 改为使用百分比作为页面宽度，但如果您需要为子元素设置宽度以使其看起来正确，这很困难
• 结合上述方法并在您的 CSS 中使用媒体查询来使您的网站具有响应性。它适合您指定的每个屏幕宽度，并且您可以在每个触发点完全控制布局。

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

http://bradfrost.github.com/this-is-responsive/resources.html

祝你好运。