我该如何改进这个移动网站？

Question

我有一个我想要移动的网站。我刚开始使用手机。 我该如何改进这个网站？

有没有一种方法可以在满足条件时使用css来定位元素，例如当宽度小于某个限制时。我以elemtn为中心？

这是jsfiddle的链接

http://jsfiddle.net/SNFCd/

#bk-parent{width:90%; background-color:black; margin:0 auto; font-family: sans-serif; color:white}
#bk-header{width:inherit}
.logo {float:left;}
.addr{float:right}
#bk-footer li{float:left}

Answer 1

我认为media queries就是你的目标

@media only screen and (max-device-width: 480px) { code for small screens}

Random Blog post

Answer 2

你想要的是Media Queries。该链接适用于W3C建议。

基本上，语法如下：

@media only screen and (min/max-width: ){ 
  //do something

}

这些被称为“断点”。这意味着，在浏览器达到您提供的最小/最大宽度时，您可以否决任何其他CSS。因此，当满足条件时，您确实可以将元素居中。

@media screen and (min/max-width: ){ 

  div {
      margin: 0 auto;
   }


}

Smashing Magazine还提供了一个很好的（IMO）教程。