1

私は頻繁に遭遇する状況ですが、私の自作の方法は良い解決策になりません。

私がやりたいのは、応答性を保ちながら、ロゴの横にメニューを配置することです。

そう見える

=======
 logo =
      ==============Menu=======================
===============================================

私のHTMLの見た目はそうです

<div id="logo">
  <a href="#"><img src=""... /></a>
</div>
<div id="menu">
  <ul>...
  </ul>
</div>

今度はロゴの一番下にメニューを配置したいのですが、どうすればいいのかわかりません。余白を使用することはできますが、モバイルブラウザーで応答性が向上し、メニューがロゴの下に表示されると、そこにも大きな余白ができます。

これにどう対処しますか？

4

1 に答える 1

0

この要件を簡単に提供できるなどのレスポンシブフレームワークを使用してみてください。トップバーに関する公式ドキュメントのこの例を見てください

于 2012-12-02T17:15:59.470 に答える