-1

モバイルにしたいサイトがあります。私はモバイルから始めたばかりです。このサイトを改善するにはどうすればよいですか？

幅が特定の制限よりも小さい場合など、条件が満たされたときに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}
4

2 に答える 2

2

私media queriesはあなたが求めているものだと思います

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

ランダムなブログ投稿

于 2013-01-06T13:06:44.967 に答える
2

必要なのはMedia Queryです。そのリンクは 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-06T13:07:27.323 に答える