html5響應式開發自動計算fontSize的方法

  發布時間:2020-01-13 15:01:25   作者:lulu   我要評論
這篇文章主要介紹了html5響應式開發自動計算fontSize的方法,文中通過示例代碼介紹的非常詳細,對大家的學習或者工作具有一定的參考學習價值,需要的朋友們下面隨著小編來一起學習學習吧

本文介紹了html5響應式開發自動計算fontSize的方法,分享給大家,具體如下:

var winWidth = window.innerWidth;  
var winHeight = window.innerHeight; 
//獲得屏幕的寬度   rem=屏幕寬度/7.5+"px"
var perRemPx = document.getElementsByTagName("html")\[0\].clientWidth / 7.5;  
  //動態計算
window.addEventListener("resize", function () {  
//獲得屏幕的寬度   rem=屏幕寬度/7.5+"px"
    perRemPx = document.getElementsByTagName("html")\[0\].clientWidth / 7.5;  
     //將得到的rem值復制給根元素的font-size
  document.getElementsByTagName("html")\[0\].style.fontSize \= perRemPx + "px";  
});  
//  將得到的rem值復制給根元素的font-size
document.getElementsByTagName("html")\[0\].style.fontSize \= perRemPx + "px";

以上就是本文的全部內容,希望對大家的學習有所幫助,也希望大家多多支持腳本之家。

相關文章

  • 記一次高分屏下canvas模糊問題

    這篇文章主要介紹了記一次高分屏下canvas模糊問題,文中通過示例代碼介紹的非常詳細,對大家的學習或者工作具有一定的參考學習價值,需要的朋友們下面隨著小編來一起學習學
    2020-02-17
  • 使用canvas壓縮圖片上傳的方法示例

    這篇文章主要介紹了使用canvas壓縮圖片上傳的方法示例,文中通過示例代碼介紹的非常詳細,對大家的學習或者工作具有一定的參考學習價值,需要的朋友們下面隨著小編來一起學
    2020-02-07
  • div或img圖片高度隨寬度自適應的方法

    這篇文章主要介紹了div或img圖片高度隨寬度自適應的方法,文中通過示例代碼介紹的非常詳細,對大家的學習或者工作具有一定的參考學習價值,需要的朋友們下面隨著小編來一起
    2020-02-06
  • HTML5 實現圖片上傳預處理功能

    這篇文章主要介紹了HTML5 實現圖片上傳預處理功能,本文通過實例代碼給大家介紹的非常詳細,具有一定的參考借鑒價值,需要的朋友參考下吧
    2020-02-06
  • Html5定位終極解決方案

    這篇文章主要介紹了Html5定位終極解決方案,文中通過示例代碼介紹的非常詳細,對大家的學習或者工作具有一定的參考學習價值,需要的朋友們下面隨著小編來一起學習學習吧
    2020-02-05
  • 微信小程序canvas實現水平、垂直居中效果

    這篇文章主要介紹了小程序中canvas實現水平、垂直居中效果,本文圖文實例代碼相結合給大家介紹的非常詳細,具有一定的參考借鑒價值,需要的朋友可以參考下
    2020-02-05
  • canvas簡單連線動畫的實現代碼

    這篇文章主要介紹了canvas簡單連線動畫的實現代碼,文中通過示例代碼介紹的非常詳細,對大家的學習或者工作具有一定的參考學習價值,需要的朋友們下面隨著小編來一起學習學
    2020-02-04
  • html5手機鍵盤彈出收起的處理

    這篇文章主要介紹了html5手機鍵盤彈出收起的處理,文中通過示例代碼介紹的非常詳細,對大家的學習或者工作具有一定的參考學習價值,需要的朋友們下面隨著小編來一起學習學習
    2020-01-20
  • canvas實現煙花的示例代碼

    這篇文章主要介紹了canvas實現煙花的示例代碼,文中通過示例代碼介紹的非常詳細,對大家的學習或者工作具有一定的參考學習價值,需要的朋友們下面隨著小編來一起學習學習吧
    2020-01-16
  • Html5跳轉到APP指定頁面的實現

    這篇文章主要介紹了Html5跳轉到APP指定頁面的實現,文中通過示例代碼介紹的非常詳細,對大家的學習或者工作具有一定的參考學習價值,需要的朋友們下面隨著小編來一起學習學
    2020-01-14

最新評論

pc蛋蛋幸运28app下载地址