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

Day34rem配合flexible布局

image

<!DOCTYPE html>
<html lang="en">
<head><meta charset="UTF-8"><meta name="viewport" content="width=device-width, initial-scale=1.0"><title>rem适配</title><style>*{padding: 0;margin: 0;}/* 1.使用媒体查询,给不同视口的屏幕设置不同的HTML字号 *//* @media (width:320px) {html{font-size: 32px;}}@media (width:375px) {html{font-size: 37.5px;}}@media (width:414px) {html{font-size: 41.1px;}} *//* js库可以实现媒体查询的效果,并且包含的型号更广泛 *//* 2.使用rem书写字号 */.box{width: 5rem;height: 3rem;background-color: pink;}</style>
</head>
<body><div class="box"></div><!-- 引入js库 --><script src="flexible.js"></script>
</body>
</html>

image

<!DOCTYPE html>
<html lang="en">
<head><meta charset="UTF-8"><meta name="viewport" content="width=device-width, initial-scale=1.0"><title>rem布局</title><style>/* 68*29 */div{width: 1.813rem;height: 0.773rem;background-color: pink;}</style>
</head>
<body><div></div><script src="flexible.js"></script>
</body>
</html>

image

http://www.jsqmd.com/news/112795/

相关文章:

  • 2025室内门十大品牌推荐:品质与设计的优选指南 - 品牌排行榜
  • 广州雅思培训机构推荐:本地热门机构信息整理 - 品牌排行榜
  • 选点问题的贪心算法分析
  • 酒店设计公司推荐:国内优质机构实力解析 - 品牌排行榜
  • 从一次性纸杯机到纸碗机:2025年度高性价比制杯设备厂商红黑榜,避免采购踩坑 - 品牌2026
  • 2025年12月GEO优化,GEO系统,GEO技术厂商推荐:聚焦企业综合实力与核心竞争力 - 品牌鉴赏师
  • 2025年深圳资深离婚财产律师排行榜,推荐经验丰富的离婚财产律师及收费标准 - mypinpai
  • 济南超级学长怎么样?本地留学语言培训口碑与课程解析 - 品牌排行榜
  • docker安装postgresql17.6
  • 第十二周第一天12.1
  • 从项目成果到职业晋升:项目经理年终总结的高效撰写法
  • 高可用组件实战教程:Keepalived/Heartbeat与集群故障自动切换全解析
  • 2025年乌鲁木齐小班复读学校权威推荐榜单:乌鲁木齐一对一复读培训/乌鲁木齐分数提升班学校/乌鲁木齐考前冲刺班培训机构精选 - 品牌推荐官
  • 隐私计算与区块链融合:微算法科技(NASDAQ MLGO)构建新一代区块链网络的创新实践
  • SpringBoot美术艺术工作室管理系统|1123(领完整源码)可做计算机毕业设计JAVA、PHP、爬虫、APP、小代码、C#、C++、python、数据可视化、全套文案
  • 小投入大产出:2025创业聚焦——全伺服纸杯机与纸咖啡杯机优质制造商深度盘点 - 品牌2026
  • 滨海新区月子中心口碑排名 TOP5 2025 拎包入住 + 美味月子餐首选 - 品牌智鉴榜
  • 广州雅思培训哪里最好?本地热门机构实力解析 - 品牌排行榜
  • SpringBoot美术艺术工作室管理系统|1123(领完整源码)可做计算机毕业设计JAVA、PHP、爬虫、APP、小代码、C#、C++、python、数据可视化、全套文案
  • 基于STM32F411的AM2320温湿度传感器
  • DS-ZOOKEEPER安装集群
  • 2025年北京有名遗产继承律师排名,有实力经验丰富的遗产继承律师哪家好推荐 - mypinpai
  • 2025好评如潮的多孔塑料材料品牌盘点,附厂家联系方式 - 品牌推荐大师
  • 2025 年 12 月羊绒衫品牌权威推荐榜:女式/男士/小香风羊绒衫甄选,匠心工艺与高级质感年度口碑之选 - 品牌企业推荐师(官方)
  • 2025年船用起货绞车源头厂家权威推荐榜单:船用万米深水取样绞车/船用小绞车/船用液压绞车源头厂家精选 - 品牌推荐官
  • 南京超级学长怎么样?出国语培机构真实体验参考 - 品牌排行榜
  • 2025权威遗产继承律师事务所TOP5推荐:专业律师咨询指南,解决继承纠纷难题 - mypinpai
  • 点财网简介 - 资讯焦点
  • 办公室设计施工一体化公司推荐:行业优质选择指南 - 品牌排行榜
  • 2025年靠谱婚姻股权律师推荐,专业婚姻股权律师收费标准全解析 - mypinpai