CSS固定宽度中心布局有多少种方法（优缺点）？

Question

我只是想为这个布局提供一些建议。我不是一个经验丰富的CSS用户，所以我遇到的唯一技术是将所有东西都包装成div，设置宽度和自动左/右边距。这种方法是否具有前瞻性？

在开始之前我应该​​做或知道的任何预防措施或调整？ （使用em代替宽度而不是px？）

干杯。

Answer 1

我强烈推荐以下文章：

A List Apart：流体网格 http://www.alistapart.com/articles/fluidgrids/

和 Smashing Magazine：响应式网页设计： http://www.smashingmagazine.com/2011/01/12/guidelines-for-responsive-web-design/

通过使用基于流体网格的网页设计并使用响应式网页设计技术，您会发现自己在设计中拥有更多自由，并且您的用户可以更好地控制他们查看网站的方式。

我发现使用百分比通常比使用固定宽度的像素基数更好。

干杯， 丹

Answer 2

当然还有其他方法，但保证金：自动方法是最简单的方法之一，它肯定是未来的。你不需要真正寻找替代品。对于单位来说，拥有流畅的布局是很好的，但如果图像构成了设计的一个重要组成部分，那么将其设置为正确可能会非常棘手。对于字体而言，ems通常比布局更好，因为在没有精确像素值的情况下排序可能会很棘手。由于您是CSS新手，因此请使用最简单的方法，然后逐步完成更复杂的设计。