當我在Chrome中打開網頁時,第一個card-text div使用22px的字體大小,但第二個card-text div表示22px的字體大小,但使用字體大小13.75px。兩個div都表示正在使用相同的類:@media screen和(min-width:350px)和(orientation:portrait)。CSS不使用正確的字體大小
我無法找到任何可能導致此問題的解決方案。我希望有人可以給我一些方向,我可以看看這個問題,在...
.card-text {
color: var(--standard-text-color);
font-family: standard-font;
}
@media screen and (min-width: 300px) and (orientation: portrait) {
.card-text {
font-size: 21px;
padding: 10px;
margin: 0px;
}
}
@media screen and (min-width: 350px) and (orientation: portrait) {
.card-text {
font-size: 22px;
}
}
<div class="card">
<div class="card-title">Welcome</div>
<div class="card-text">This is some text</div>
<div class="card-hidden">
<div class="card-text">This is some other text</div>
</div>
</div>
問題可能是一些事情。請提供更多信息。 –
13.75px是一種計算風格,當我點擊箭頭時,它將我帶到最小寬度爲350px的類。 – Anonymous
請問您有鏈接或更完整的代碼嗎? – SomeGuy