0

私は昔ながらの方法でこの問題の解決策を見つけましたが、レスポンシブ テーマを個人ブログ用に微調整しており、画像が中央に配置されたナビゲーション メニューとメニュー項目が2 つの別々のナビゲーション メニューを使用する必要なく、左右に移動できます。

デモ

これは私が今持っているもので、すべてのアイテムが 1 つのメニューにあります。このレスポンシブ デザインで UL をどのように中央に配置し、それに応じてスケーリングするかをまだ考えています。2 つのナビゲーション メニューでそれを行う方法の例を見てきましたが、良い例やチュートリアルが見つからないため、1 つのメニューのレスポンシブ デザインでこれが可能かどうか疑問に思っていました。

ここにサイトの一時バージョンがあります ここで見る

4

1 に答える 1

1

中央の画像を ul の真ん中に置くとどうなりますか? それに独自の li クラスを与え、それに応じてスタイルを設定します。

こんな感じhttp://jsfiddle.net/qWYGR/

私のjsfiddleにCSSが表示されません。これを追加

​ul {
 display:inline;
 list-style-type:none;        
}
li{
 float:left;   
}
li a {
 float:left;
padding:5px;    
    height:35px;
    width:50px;
    background:red;
}
.logo img {
 height:100%;
}

</p>

于 2012-07-11T17:18:57.050 に答える