2012-09-13 150 views
2

嘿,有人可以告诉我,如果我的CSS这部分是对还是错?如何正确设置css?

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

如果有人知道如何正确书写,那会很棒!

我一直在制作网站很长一段时间,但我需要学习正确的方法。

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

DEMO

+0

u能告诉我住例如jsfiddle.net ........... –

+3

大家好,欢迎StackOverflow上。是否有可能将thois代码和您的HTML标记一起添加到www.jsfiddle.net的示例中?这将帮助我们很多可视化你的问题,并提供一个工作解决方案:) – Kyle

回答

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

+0

但是说一个设备是更大,999px或更小,那么我会怎么去呢?一切都会搞乱吧? – Jack

+0

使用@Media查询 –

+0

看看我的编辑。 –