当前位置: 首页 > news >正文

html 根字号 以及 设置根元素font-size:calc(100vw/18.75)、元素rem实现自适应

rem 单位介绍:rem 是相对文档根元素(html)字体大小的尺寸单位,当元素的尺寸或文字字号等使用 rem 单位时,会随着根元素的 font-size变化而变化。

得出结论:在不同分辨率的设备下动态设置根元素的字体大小就可以实现页面自适应。

如何设置:font-size:calc(100vw/x) x:18.75或者其他

为什么?

以750px 设计稿为例    100vw=750px         750/18.75=40      即     1rem=40px;

以1920px 设计稿为例  100vw=1920px       1920 / 48 =40      即      1rem=40px;

知道对应关系,谱写页面元素时将px转换为rem 即可

http://www.lryc.cn/news/351502.html

相关文章:

  • size_t无符号数相关知识点
  • 深度学习之基于Tensorflow+Flask框架Web手写数字识别
  • 2024电工杯B题食谱评价与优化模型思路代码论文分析
  • blender安装cats-blender-plugin-0-19-0插件,导入pmx三维模型
  • [源码+搭建教程]西游伏妖篇手游_GM_单机+和朋友玩
  • windows、mac、linux中node版本的切换(nvm管理工具),解决项目兼容问题 node版本管理、国内npm源镜像切换
  • 【MySQL精通之路】全文搜索-布尔型全文搜索
  • 【学习笔记】C++每日一记[20240520]
  • 【热门话题】一文带你读懂公司是如何知道张三在脉脉上发了“一句话”的
  • linux命令日常使用思考
  • 同余定理与哈希函数
  • 03-01-Vue组件的定义和注册
  • 【python进阶】txt excel pickle opencv操作demo
  • Aware接口作用
  • Docker部署Minio S3第三方存储
  • 听说京东618裁员没?上午还在赶需求,下午就开会通知被裁了~
  • 力扣226. 翻转二叉树(DFS的两种思路)
  • 状态机-非重叠的序列检测
  • Word怎么画图?这5个方法收藏好!
  • qt designer 依赖库 QMessageBox
  • 反序列化漏洞(JBoss、apache log4、apache Shiro、JWT)Weblogic未授权访问、代码执行、任意上传
  • PHP身份证真伪验证、身份证二、三要素核验、身份证ocr接口
  • 【Qt 学习笔记】Qt常用控件 | 布局管理器 | 表单布局Form Layout
  • 数智赋能内涝治理,四信城市排水防涝解决方案保障城市安全运行
  • docker实战之搭建MYSQL8.0主从同步
  • LTD275次升级 | 网页编辑器新增AI翻译 • 文章|产品等内容可导出 • 新增交互数据 • 购物清单可导出• 官微中心app出新版
  • 代码随想录算法训练营第36期DAY36
  • zookeeper安装教程
  • windows2008修改远程桌面端口,如何果断修改远程桌面端口,确保系统安全无忧!
  • 【计算机网络原理】对传输层TCP协议的重点知识的总结