處理響應式網站中字體大小的最佳方法？

我正在建立一個響應式全寬網站。基本上，身體內容將適合視口。處理響應式網站中字體大小的最佳方法？

我的問題是，什麼是處理字體大小的最佳方法？

很明顯，我不能保留所有決議相同的字體大小。對於某些屏幕分辨率，字體大小可能需要減小，對於某些屏幕分辨率，字體可能需要增加。

我知道的當前方法是使用媒體查詢。我可以爲不同的屏幕尺寸編寫不同的媒體查詢，並在媒體查詢中設置字體大小。

有沒有其他方法是這個最推薦的方法？

謝謝

來源

2013-10-03 Ali Haris

我通常聲明body {font-size：1eM; }和寬度爲<的媒體查詢600px我會將媒體查詢中的內容更改爲字體大小：.8eM，就像那樣。

來源

2013-10-03 08:54:10

我不建議使用em標籤作爲body標籤。最好將html標籤設置爲100％，然後使用rem作爲body標籤和所有其他字體大小聲明。 –

建議使用媒體查詢，以便您處於正確的軌道上。我可以列出用於常見設備的一些典型媒體查詢，但我相信最好是您可以瀏覽本文：MEDIA QUERIES FOR COMMON DEVICE BREAKPOINTS本文還分支以解釋隨着移動到更大尺寸的手機等問題，所有內容都將發生變化。另一建議是使用meta標籤設置您的視口設置，如下所示：

<meta name="viewport" content="width=device-width,initial-scale=1">

來源

2016-08-17 02:09:28

處理響應式網站中字體大小的最佳方法？

回答

相關問題