媒體查詢和基礎字體大小

Question

嘿傢伙誰都可以協助這個。我是一個使用移動第一個網站的設計，這個網站的移動設備的字體大小爲14px，平板電腦的設計爲16，我想轉換爲em的桌面爲18。我的問題是在媒體查詢中，我應該重新定義每種類型的屏幕的基本字體還是隻使用14px基本字體並將其轉換爲em？ 預先感謝您。

Answer 1

也許你可以嘗試視口大小的排版。如果你想要響應式字體，這很好。 CSS3有大小的東西相對於當前視口大小一些新的價值觀：大衆，VH和VMIN

例如：

1vw = 1% of viewport width 
1vh = 1% of viewport height 
1vmin = 1vw or 1vh, whichever is smaller 
1vmax = 1vw or 1vh, whichever is larger 

用法：

h1 { 
    font-size: 5.9vw; 
} 
h2 { 
    font-size: 3.0vh; 
} 
p { 
    font-size: 2vmin; 
} 

更多此鏈接： https://css-tricks.com/viewport-sized-typography/