首页 > 其他分享 >jquery rem 适配移动端各机型

jquery rem 适配移动端各机型

时间:2023-09-14 09:00:44浏览次数:36  
标签:jquery function 适配 viewportWidth window 视口 rem wind

// 初始化调用   $(document).ready(function(){     wind()   });   // 视口发生变化实时调用  
  $(window).resize(function() {     wind()   })
  function wind(){     var viewportWidth = $(window).width();     var baseFontSize = viewportWidth / 37.5; // 假设设计稿基于375px视口宽度     $("html").css("font-size", baseFontSize + "px");   }

标签:jquery,function,适配,viewportWidth,window,视口,rem,wind
From: https://www.cnblogs.com/wengg/p/17701352.html

相关文章

  • 微信 H5 页面兼容性——适配用户修改微信客户端字体大小
    关于微信安卓端网页字体适配的通知微信安卓版7.0.10版本起,网页的字体会跟随微信设置里的字体大小更改而变化。当用户修改微信客户端字体大小后,微信公众号网页的适配就会变得非常繁琐,Android系统设备有8级字体大小,IOS系统设备有7级字体大小,尤其将字体放大到最大一级后,......
  • CoreMotion框架--加速计和陀螺仪
    iOS加速计是三轴加速计,可以监测三维空间中的运动和重力。三轴坐标系统:       *手机顶部向上时,正对手机屏幕,手机屏幕向左是X轴正方向。*沿手机屏幕向上是Y轴正方向。*垂直屏幕向外是Z轴正方向。 当手机静止不动时,地球引力将会给予手机1g加速度。......
  • 大屏自适应/适配方案【详解】(echarts自适配、rem、flexible.js、vscode中px2rem插件自
    原文链接:https://blog.csdn.net/weixin_41192489/article/details/120004315大屏自适应的核心目标有:字体大小随屏幕尺寸自适应变化详见下文自动撑满全屏设置如下.bg{background:url("~@/assets/images/主背景.png");position:fixed;top:0;left:0;wi......
  • IIS上缺少 AspNetCoreModuleV2 如何解决
    实际上是少了装了.NetCoreSDK需要找到自己的程序使用的.NetCore对应版本进行下载https://dotnet.microsoft.com/en-us/download/dotnet/3.0只装Hosting就行了......
  • USB适配器应用芯片 国产GP232RL软硬件兼容替代FT232RL DPU02直接替代CP2102
    USB适配器,是英文UniversalSerialBus(通用串行总线)的缩写,而其中文简称为“通串线”,是一个外部总线标准,用于规范电脑与外部设备的连接和通讯。是应用在PC领域的接口技术,移动PC由于没有电池,电源适配器对其尤为重要。今天来讲讲USB适配器的国产适用芯片。一、GP232RL,直接软硬件......
  • js&jquery(写法对比):get input value(获取input值)
    1.JS写法 2.jquery写法 ......
  • UVA-1401 - Remember the Word -----Trie前缀树
    题意:给出N个不同单词和一个长字符串S。把这个字符串分解成若干个单词的连接(单词尅重复使用),问有多少种方法?分析:令d[i]表示从字符i开始的字符串的分解方案数,则d[i]=sum{d[i+len[x]]|单词x是S[i...len]的前缀};详看《算法竞赛入门经典》---刘汝佳--Page208.......
  • 界面控件DevExtreme DateRangeBox组件发布,支持日期范围选择!
    在最新的v23.1版本中,DevExpress官方已经正式发布了DevExtreme DateRangeBox小部件,支持所有JavaScript框架,包括Angular、React、Vue和jQuery。这个新的控件允许最终用户选择一个日期范围,该组件继承了DateBox组件的特性:屏蔽输入、灵活的弹出窗口和日历自定义、输入标签/样式模式等......
  • F. Remainder Problem 根号分治
    Problem-F-Codeforces 题意:一个500000长度的数列,一开始都是0,进行q次操作,操作如下1,输入x,y,令a[x]+=y。2,输入x,y,输出对于sum(a[idx]),idx的条件是idx=x%y。做法:如果我们模拟做,那么第一种操作就是o(1),第二种操作就是o(n)。我们换种想法,建立一个二维数组b[x][y],表......
  • 使用【Python】快速生成本项目的requeirments.txt / pipreqs生成requirements.txt报
    使用【Python】快速生成本项目的requeirments.txt https://blog.csdn.net/qq_42076902/article/details/129417568pipreqs生成requirements.txt报错SyntaxError:invalidnon-printablecharacterU+FEFFhttps://blog.csdn.net/qq_51292462/article/details/128472993......