CSSボタンオーバーレイ

Question

私は自分のサイトでメニューを作ったが、モバイル版のボタンは写真のようにお互いに並んでいる。私はそれらを生成するには、このサイトを使用

：そのサイト上のhttp://css3buttongenerator.com/ リンクは次のとおりです。https://bydave.net/

Answer 1

ナビゲーションセクションは、ボタンの実際の視覚的な表現よりも小さく設定した高さを有しています。ボタンに正しくフィットするようにナビゲーションバーの高さを調整する場合は、小さい画面に表示するときにオーバーラップしないようにする必要があります。

見た目では、このサイトではレスポンシブデザインが組み込まれていません。その結果、サイトは異なるサイズに調整されず、したがってモバイル画面になります。

コードジェネレータには、しばしば1つ以上の方法で欠陥があります。完全にコントロールできるようにマークアップを書くことを強くお勧めします。あるいは、少なくとも&のCSSを読み書きする方法を学んで、編集や修正が容易になります。

Answer 2

私はハザードコードに感謝します！それを修正しました！これに

nav ul li { 
    display: inline; 
} 

：私はこれでdisplay: inline-block代わりdisplay:inlineを使用

nav ul li { 
    display: inline-block; 
}