baiyangyuanzi

手机端布局,rem布局动态获取根字体大小

 

手机端布局,rem布局动态获取根字体大小。

以下代码:

//rem布局动态获取根字体大小
function remDynamicLayout(){
    var $windowWidth = $(window).width();
    function htmlFontZize(){
        $windowWidth = $(window).width();
        if ($windowWidth > 640) {
            $windowWidth = 640; //限定最大宽度为640
        }
        $("html").css("font-size", (100 / 414) * $windowWidth + "px");
    }
    setTimeout(function () {
        htmlFontZize();
    }, 100);
    $(window).resize(function () {
        htmlFontZize();
    });
}
remDynamicLayout();

 

分类:

技术点:

相关文章:

  • 2022-12-23
  • 2022-12-23
  • 2021-08-20
  • 2022-12-23
  • 2022-12-23
  • 2021-04-26
  • 2022-12-23
  • 2021-09-30
猜你喜欢
  • 2022-01-01
  • 2022-12-23
  • 2022-12-23
  • 2022-12-23
  • 2021-11-21
相关资源
相似解决方案