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

Question

我有一个网站，我想制作移动设备。我刚开始用手机。我怎样才能改进这个网站？

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

这是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}

随机博客文章

Answer 2

你想要的是媒体查询。该链接适用于 W3C 建议。

基本上，语法如下：

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

}

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

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

  div {
      margin: 0 auto;
   }


}

Smashing Magazine还提供了一个很好的 (IMO) 教程。