以下のcssでブラウザを399px以下にすると、.post_titleのフォントサイズがhtmlに設定されているサイズと同じになってしまいます。
400px以上だと、問題なく大きなフォントサイズで表示できています。
どこに問題があるでしょうか?
css
1@media screen and (min-width:400px){ 2 html { font-size: calc(100vw / 26);} 3 .post_title {font-size: calc(100vw / 14); font-weight: bold;} 4 h1 { font-size: calc(100vw / 16);} 5 h2 { font-size: calc(100vw / 20);} 6 h3,h4,h5,h6 { font-size: calc(100vw / 26);} 7} 8@media screen and (min-width:700px){ 9 html { font-size: calc(100vw / 34); } 10 .post_title {font-size: calc(100vw / 24); font-weight: bold;} 11 h1 { font-size: calc(100vw / 26);} 12 h2 { font-size: calc(100vw / 28);} 13 h3,h4,h5,h6 { font-size: calc(100vw / 34);} 14} 15@media screen and (min-width:920px){ 16 html { font-size: 16px;} 17 .post_title {font-size: calc(100vw / 26px); font-weight: bold;} 18 h1 { font-size: 24px;} 19 h2 { font-size: 22px;} 20 h3,h4,h5,h6 { font-size: 16px;} 21}
回答1件
あなたの回答
tips
プレビュー
バッドをするには、ログインかつ
こちらの条件を満たす必要があります。
2017/11/28 00:07