字體大小設置爲EM，但不擴展平板電腦？

我一直在使用Bootstrap將my forum轉換爲響應式設計，但我'，認真努力與排版。即使字體在EM中，在平板電腦設備上，字體大小最終看起來比桌面上小得多。字體大小設置爲EM，但不擴展平板電腦？

所以我不得不搞亂媒體查詢來增加較小設備的字體大小。這是一場鬥爭。我在這裏做錯了什麼？

2015-02-24 Mark

你應該提供[最小，完整和可驗證的示例]（http://stackoverflow.com/help/mcve），而不是鏈接整個網站。 – DavidG 2015-02-24 10:08:15

對於初學者來說，當媒體查詢的字體大小從1.33em增加到2.1em時，字體大小會增加到767px。不幸的是，排版不會縮放，你將不得不使用媒體查詢。有部分實施的方法，但我更願意堅持事實。確定設備優先級並考慮您需要改變它們的時間間隔。 – 2015-02-24 10:12:13

767px的媒體查詢基於Bootstrap的移動定義。我必須增加手機的字體大小，否則它太小了。然後，我也必須爲平板電腦做這件事，這很棘手，因爲我一直在努力創建媒體查詢，這會觸發某些Android平板電腦，而不會觸發相同分辨率的桌面。在桌面上，無論分辨率如何，字體看起來都不錯。但不是在平板電腦上。 – Mark 2015-02-24 10:13:43

使用EM不會讓你的結果你想要的：

em是等於當前字體大小，例如，如果文檔的字體大小爲12pt，1EM等於12磅。 Ems具有可擴展性，因此2em等於24pt，.5em等於6pt等。

EM在任何視口大小上始終保持不變，因爲它取決於您最初設置的字體大小。

如果你想使用視spezific字體大小，使用VM或VH來代替：

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; 
}

http://css-tricks.com/viewport-sized-typography/

來源

2015-02-24 10:20:00 Sirence

謝謝，但我認爲某些瀏覽器不支持viewport字體大小。還是有一種簡單的方法來使用視口作爲主要和EM作爲後備？編輯：我看到有，謝謝。 – Mark 2015-02-24 10:24:50

我發現我爲什麼需要增加相反的字體大小的原因方向（增加更小的設備）。

這一切都是由於初始比例低於1.一旦我將它設置爲1，並找出爲什麼我必須首先將其設置爲1以下，所有文本問題都解決了。

來源

2015-02-24 12:51:31 Mark

字體大小設置爲EM，但不擴展平板電腦？

回答

相關問題