如何改进此移动网站？

-1

我有一个网站，我想使移动。我刚开始使用移动设备。我该如何改进这个网站？如何改进此移动网站？

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

这里是链接到的jsfiddle

#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}

来源

2013-01-06 Vimal Basdeo

是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）教程。

来源

2013-01-06 13:07:27 nerdarama

我觉得media queries是你是什么后，你想要什么

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

Random Blog post

来源

2013-01-06 13:06:44

如何改进此移动网站？

回答

相关问题