css - 如何正确设置css？

Question

嘿，有人能告诉我这部分 CSS 是对还是错吗？

我个人认为这是错误的，但这是我可以将内容放在屏幕中央的唯一方法，如果我将所有内容都替换为左侧999px。auto

如果有人知道如何正确编写它，那就太好了！

我做网站已经有一段时间了，但我需要学习正确的方法。

#wrapper {
    width: 999px;
    margin: 0 auto;
}

演示

Answer 1

如果您希望将其#wrapper留在页面的中心，则您的代码是正确的。

您可以指定所需的每个宽度，但不能指定auto.

---

如果您正在寻找响应式设计，请查看@Media Queries

http://googlewebmastercentral.blogspot.co.uk/2012/04/responsive-design-harnessing-power-of.html

---

例子：

为正常样式编写您的 css，然后添加：

/* Landscape phone to portrait tablet */
@media (max-width: 767px) { ... }

/* Landscape phones and down */
@media (max-width: 480px) { ... }

在这里，您可以为具有该最小或最大尺寸的浏览器指定不同的尺寸和样式。

开始使用响应式设计的一个好工具是：Bootstrap