如何爲舊版android瀏覽器的響應字體實現vh和vw字體大小單位？

Question

似乎Android的舊瀏覽器不支持CSS中的vh和vw font-size單位。有什麼方法可以使用vw和vh或任何其他方式使字體在Android的舊版瀏覽器中響應？我有很多不同字體的文字，我不想使用媒體查詢。

Answer 1

你可以使用jquery來做到這一點。有3個步驟使字體響應。

1. 調整字體爲固定with.For例如800px。
2. 在任何想要使字體 響應的dom元素中使用類名。例如class="rf"（響應字體）。
3. 使用下面的jquery代碼使字體響應。

HTML代碼..

<div class="rf">this is sample text</div> 

jQuery代碼..

$(function(){ 

    var element = $('.rf'); 
    element.each(function (i) { 
     fonts = $(this).css('font-size'); 
     fonts = fonts.replace("px",""); 
     windowWidth = $(window).width(); 
     fontSize = fonts*windowWidth/800; 
     $(this).css('font-size',fontSize); 
    }); 

}) 

變化的代碼，根據您的類名 「RF」 和與您用來調整你的字體大小「800」。