kann ich die Schriftgröße nicht ändern Ich versuche, ein Menü zu haben, das in Schriftgröße abnimmt, wie das Browserfenster kleiner wird. Hier ist, was ich habe:Mit @media
Css:
@media screen and (max-width : 1115px) {
/*Make font on menu smaller*/
nav a {
font-size: smaller;
}
}
nav a {
text-decoration: none;
display: inline-block;
border-bottom: 3px solid transparent;
transition: 0.5s ease;
white-space: nowrap;
height: 20px;
color: #171581;
padding: 8px 8px 8px 8px;
font-family: HelveticaNeue-Thin;
font-weight: 100;
font-size: medium;
}
HTML
<nav>
<label for="show-menu" class="show-menu"></label>
<input type="checkbox" id="show-menu" role="button">
<ul id="menu">
<li><a href="#" class="top-menu" id="about">About</a></li>
<li><a href="#" class="top-menu" id="residential">Residential & Business</a></li>
<li><a href="#" class="top-menu" id="myaccountdetails">My Accounts Details</a></li>
<li><a href="#" class="top-menu faqs active" id="faq">FAQ</a></li>
<li><a href="#" class="top-menu" id="contactus">Contact us</a></li>
</ul>
</nav>
Soweit ich sagen kann, was ich auf dem Forum gelesen habe diese sollte arbeiten aber Wenn ich die Größe des Fensters ändere, habe ich keinen Effekt.
Diese Frage ist kein exaktes Duplikat. Dieser Beitrag fragt, was falsch war, der andere fragt, warum es so ist.
Haben Sie versucht, den @media Block nach dem ursprünglichen Stil Block setzen? – Quantastical
Wie groß ist die Schriftgröße des übergeordneten Elements? Ist es eingestellt? Das könnte dich betreffen. Check out: https://css-tricks.com/almanac/properties/f/font-size/ –
Anscheinend tun Sie es. Danke für das. –