首页 > 其他分享 >flexible.js 自动计算font-size

flexible.js 自动计算font-size

时间:2023-08-25 23:35:17浏览次数:40  
标签:适配 js 终端设备 flexible font size

flexible.js?
flexible.js是手淘开发出的一个用来适配移动端的js框架。手淘框架的核心原理就是根据制不同的width给网页中html根节点设置不同的font-size,然后所有的px都用rem来代替,这样就实现了不同大小的屏幕都适应相同的样式了。其实它就是一个终端设备适配的解决方案,也就是说它可以让你在不同的终端设备中实现页面适配。
————————————————
版权声明:本文为CSDN博主「Angus安格斯.」的原创文章,遵循CC 4.0 BY-SA版权协议,转载请附上原文出处链接及本声明。
原文链接:https://blog.csdn.net/weixin_44803046/article/details/106380088

 

w我觉得可以借鉴它的思路 让自体自动适应某个div大小的 字体的大小

标签:适配,js,终端设备,flexible,font,size
From: https://www.cnblogs.com/tomcat2022/p/17658180.html

相关文章

  • JS打印
    我们通过前端上传到数据库的pdf或者word文档,当我们在线观看时,希望使用调用本地的打印进行实时打印;当然可能会涉及到安全问题,有需要的小伙伴,可以自行查阅。//打印类属性、方法定义/*eslint-disable*///ActiveXObject是window自带的打印类,也就是所谓的控件functionisIE......
  • Nodejs 安装后的小配置
    Nodejs安装小配置配置npm配置全局安装位置和缓存路径位置npmconfigsetprefix"D:\Environment\node\node_global"npmconfigsetcache"D:\Environment\node\node_cache"配置npm​仓库镜像#设置淘宝源npmconfigsetregistryhttps://registry.npm.taobao.org......
  • Vue2.0中使用bpmn-js
      使用bpmn-js在网页中绘制流程图 1.新建vue项目,输入命令安装bpmn-jsnpminstallbpmn-js--save 2.在src/main.js中引入css样式//css样式import'bpmn-js/dist/assets/diagram-js.css'import'bpmn-js/dist/assets/bpmn-font/css/bpmn.css'import'bpmn-js/di......
  • Pandas 使用教程 JSON、CSV 转换
    Pandas可以很方便的处理JSON数据demo.json[{"name":"张三","age":23,"gender":true},{"name":"李四","age":24,"gender":tru......
  • js中0.1+0.2不等于0.3问题,解决方法
    因为js使用的双精度浮点,所以在计算机内部存储数据的编码会出现误差,导致0.1+0.2=0.30000000000000004。和0.3相比较结果为false。我目前所知道的解决方法有以下几种:1.将其先转换成整数,再相加之后转回小数。具体做法为先乘10相加后除以10.如下图letx=(0.1*10+0.2*10)/10;co......
  • 关于js中的toLocaleDateString()方法
    toLocaleDateString()方法是JavaScriptDate对象的一个内建方法,它将日期转换为符合特定地区习惯的字符串格式。基本用法:如果没有传入任何参数,toLocaleDateString()会根据浏览器的默认语言环境返回一个日期字符串。例如:letdate=newDate();console.log(date.toLocaleDate......
  • JS 验证URL是否有效
    functionisValidHttpUrl(string){try{constnewUrl=newURL(string);returnnewUrl.protocol==='http:'||newUrl.protocol==='https:';}catch(err){returnfalse;}}console.log(isValidHttpUrl('https://w......
  • pdfjs-dist v2.11.338写个react demo
    app.jsximport'./App.css'import*aspdfjsfrom"pdfjs-dist";import"pdfjs-dist/web/pdf_viewer.css";import{useEffect,useRef,useState}from'react'import{PDFViewer,PDFLinkService,EventBus}from'p......
  • mormot2 笔记(三) 实体转JSON
    TOL=class(TObject)publicprocedureW(W:TJsonWriter;Instance:TObject;Options:TTextWriterWriteObjectOptions);end;TPerson=classprivateFName:string;FID:integer;FSex:Byte;publishedpropertyID:integerread......
  • 直播平台搭建,JSON.parseObject的几种用法
    直播平台搭建,JSON.parseObject的几种用法一.result格式: {  "success":"true",  "returnAddress":"123"} JSONObjectjsonObject=JSON.parseObject(result); //转换成objectJsonObject.getString("returnAddress") //获取object中ret......