Q&A
navのメニューボタンli幅を親要素の100%/3にして等しくしたつもりです。
1枚目の写真ではできているようなのですが、（レスポンシブでみてもできてました）
しかし縮小してブラウザ上で幅1680px？でみてみると、
li（黒い線）の幅とa（ピンク）の大きさが合っていないことに気づきました。
aにはdisplay:block;をかけています。
気にしなくて良い問題でしょうか？それともどこか根本が間違っていますか？
回答2件
0
.gnav- aに、heightと(今回は顕在化しませんでしたが同じ問題を抱えた)widthを追加。
たとえば、
CSS
1.g-nav a { 2 (中略) 3 box-sizing: border-box; 4 width: 100%; 5 height: 100%; 6}
投稿2020/08/27 10:02
総合スコア11990
0
.g-nav a に適切なheightを設定すればいいかと。
heightが設定してないので、幅が狭くなると改行されて高さが変化するのが原因だと思われます。
コードは画像でなく、質問文にコピペしてもらった方が分かり安いです。
投稿2020/08/27 09:47
総合スコア34075
あなたの回答
tips
プレビュー
バッドをするには、ログインかつ
こちらの条件を満たす必要があります。