自定义rem
2024-10-19 14:56:11
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Title</title>
<meta name="viewport" content="width=device-width,initial-scale=1,maximum-scale=1, minimum-scale=1">
<script type="text/javascript">
if(document.documentElement.clientWidth < 750){
document.documentElement.style.fontSize = document.documentElement.clientWidth / 640*32 + 'px';
console.log(document.documentElement.clientWidth)
}else{
document.documentElement.style.fontSize = "16px";
} </script>
</head>
<body>
<div>
<span style="font-size:1rem;">danny.xie</span>
<span style="font-size:16px;">danny.xie</span>
</div>
</body>
</html>
最新文章
- 使用C# 和Consul进行分布式系统协调
- .NET MVC Razor模板预编译(二)
- Python 数据类型及其用法
- etc目录名字的意思---挖Linux中的古老缩略语
- 剑指Offer03 逆序输出链表&;链表逆序
- sql_mode :(STRICT_TRANS_TABLES与STRICT_ALL_TABLES 区别)
- vSphere HA状况:未知配置错误解决的方法
- lamp环境搭建经验总结
- spring集成shiro登陆流程(上)
- 【并发编程】一个最简单的Java程序有多少线程?
- OpenCV模板匹配函数matchTemplate详解
- AHOI2013 差异 【后缀数组】
- 使用docker安装tomcat服务
- 关于java弱引用
- Groupnet, Subnet, IP Pool的概念
- C#语法文本字面量
- android 内存管理机制、异常、垃圾回收
- Springmvc之表单验证
- 【LOJ】 #2521. 「FJOI2018」领导集团问题
- 旧书重温:0day2【4】动态获取函数地址