网站适合屏幕

Question

我已经将我的网站创建为固定布局，宽度为：1600px， 但较小分辨率的网页看起来太大了， 我应该做些什么才能使它在每个分辨率中看起来都很好？

感谢您的帮助

Answer 1

使用相对指标，例如width: 100%。您可以使用min-width和max-width进一步限制此操作。

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

Answer 2

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

Answer 3

您的选择：

• 使用较窄的固定宽度。
，保持在1000像素以下是相当安全的
• 使用百分比作为页面宽度，但如果您需要让子元素的设置宽度看起来很难，则很难
• 执行上述操作并在CSS中使用媒体查询以使您的网站响应。它适合您指定的每个屏幕宽度，并且您可以在每个触发点完全控制布局。

这是学习响应式网站的一个很好的资源 - 这是构建现代网站的方式，所以尽管看起来很混乱，但每次花费它都值得。

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

祝你好运。