canvas畫的文字在ios移動設備上無法顯示

項目中做了移動端rem適配的，然而發現電腦上可行，在蘋果手機上卻無法顯示，

查了一下，發現iOS Safari只支持標準的canvas，標準的canvas只支持px不支持rem。

上網找了一下，解決方法:

將rem轉換回px

//UI設計基礎寬度：750px；
ctx.font = 3*12.5+"px sans-serif";

但是移動端有各種寬度的屏幕，爲了適應各種屏幕是不能寫死，所以最終下法應該如下：

//獲取設備寬度
let  clientWidth = document.documentElement.clientWidth;
//根據設計圖中的canvas font字體的佔比進行設置
let fontWidth = clientWidth*3*12.5/750;
//設置自適應的字體大小
ctx.font = fontWidth+"px sans-serif";