@media移动PC端fontSize响应设置
2024-10-21 20:34:19
@media only screen and (min-width: 320px) and (max-width: 359px) {
html,
body {
font-size: 8.51px;
}
} @media only screen and (min-width: 360px) and (max-width: 374px) {
html,
body {
font-size: 9.6px;
}
} @media only screen and (min-width: 375px) and (max-width: 385px) {
html,
body {
font-size: 10px;
}
} @media only screen and (min-width: 386px) and (max-width: 392px) {
html,
body {
font-size: 10.29px;
}
} @media only screen and (min-width: 393px) and (max-width: 400px) {
html,
body {
font-size: 10.48px;
}
} @media only screen and (min-width: 401px) and (max-width: 414px) {
html,
body {
font-size: 10.69px;
}
} @media only screen and (min-width: 415px) and (max-width: 479px) {
html,
body {
font-size: 11.06px;
}
} @media only screen and (min-width: 480px) and (max-width: 559px) {
html,
body {
font-size: 12.8px;
}
} @media only screen and (min-width: 560px) and (max-width: 599px) {
html,
body {
font-size: 14.93px;
}
} @media only screen and (min-width: 600px) and (max-width: 749px) {
html,
body {
font-size: 16px;
}
} @media only screen and (min-width: 750px) and (max-width: 767px) {
html,
body {
font-size: 20px;
}
} @media only screen and (min-width: 768px) and (max-width: 969px) {
html,
body {
font-size: 20.48px;
}
} @media only screen and (min-width: 970px) {
html,
body {
font-size: 22px;
}
}
最新文章
- jQuery对象和DOM对象的区别
- LeetCode 27 Remove Element
- ubuntu安装goldendict以及添加本地词典和在线词典
- Fragment的隐藏与显示
- a read only variable
- ✡ leetcode 162. Find Peak Element --------- java
- hdu 1171 Big Event in HDU(多重背包+二进制优化)
- php下载文件的代码示例
- Joseph cicyle's algorithm
- ThinkPHP下使用Ueditor
- IE查看控件时常
- adb shell 命令
- 【原创】构建高性能ASP.NET站点 第七章 如何解决内存的问题(前中篇)—托管资源优化—监测CLR性能
- android 实现分享功能两种方法
- 【lucene系列学习】排序
- Django框架全面讲解
- Jenkins2 实现持续交付初次演练(MultiJob,Pipeline,Blue Ocean)
- 关于form表单或者Ajax向后台发送数据时,数据格式的探究
- PHP cURL实现模拟登录与采集使用方法详解教程
- STM32F4 MDK5软件仿真 error : no 'read' permission