如何改進此移動網站？

-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

如何改進此移動網站？

回答

相關問題