CSS響應(yīng)字體大小我創(chuàng)建了一個使用ZURB基金會3網(wǎng)格。每一頁都有一個大的h1:body { font-size: 100%}/* Headers */h1 { font-size: 6.2em; font-weight: 500;}<div class="row"> <div class="twelve columns text-center"> <h1> LARGE HEADER TAGLINE </h1> </div> <!-- End Tagline --></div><!-- End Row -->當(dāng)我將瀏覽器的大小調(diào)整為移動大小時，大字體不會調(diào)整，并導(dǎo)致瀏覽器包含一個水平滾動，以適應(yīng)大文本。我注意到ZURB基金會3排版示例頁，當(dāng)瀏覽器被壓縮和展開時，標(biāo)頭會適應(yīng)瀏覽器。我錯過了什么很明顯的東西嗎？我怎樣才能做到這一點？
3 回答
慕無忌1623718
TA貢獻(xiàn)1744條經(jīng)驗 獲得超4個贊
font-size
媒體查詢
@media only screen and (max-width: 320px) {
body {
font-size: 2em;
}}視口百分比長度
vw, vh, vminvmax
視口百分比長度相對于初始包含塊的大小。當(dāng)初始包含塊的高度或?qū)挾劝l(fā)生變化時，它們相應(yīng)地進(jìn)行縮放。
VW單元-等于初始包含塊寬度的1%。
VH單元-等于初始包含塊高度的1%。
vmin單位-等于較小的大眾或VH。
Vmax單位-等于較大的大眾或VH。
.text {
font-size: 3vw;}.other-text {
font-size: 5vh;}
Smart貓小萌
TA貢獻(xiàn)1911條經(jīng)驗 獲得超7個贊
media
@media only screen and (max-width: 767px) {
h1 {
font-size: 3em;
}
h2 {
font-size: 2em;
}}添加回答
舉報
0/150
提交
取消