社区
姜威的课程社区_NO_2
HTML5与CSS3初级入门
帖子详情
css单位
Wos.
2023-01-12 21:47:40
课时名称
课时知识点
css单位
...全文
110
回复
打赏
收藏
css单位
课时名称课时知识点css单位
复制链接
扫一扫
分享
转发到动态
举报
写回复
配置赞助广告
用AI写文章
回复
切换为时间正序
请发表友善的回复…
发表回复
打赏红包
一文读懂
CSS
单位
说起
CSS
单位
，我们最常用的可能就是像素
单位
（px），它是一个绝对
单位
，也就是说一个10px的文字，放在哪里都是一样大的。
单位
可以影响颜色、距离、尺寸等一系列的属性。
CSS
中
单位
的形式有很多种，下面就来学习一下
CSS
中
单位
！
CSS
单位
完全指南
在前端开发中，
CSS
单位
的选择直接影响着页面的布局效果和响应式表现。本文将系统介绍
CSS
中各种
单位
的特性、使用场景和最佳实践，帮助你做出更明智的选择。
css
单位
你知道多少？
css
单位
一、绝对
单位
：px in cm mm1、px2、in3、cm4、mm二、相对
单位
：em rem pt pc ex ch1、em2、rem3、pt4、pc5、ex6、ch百分比
单位
：vw vh vm %1、%2、vh/vm/vmin/vmax 一、绝对
单位
：px in cm mm 1、px 即像素pixel，它是最基础也是最常用的一个长度
单位
，绝对
单位
，页面按精确像素展示 相对长度
单位
，浏览器的度量
单位
，相对于物理像素（显示器屏幕分辨率），1px在高清屏幕下可能占用2个物理像素、甚至3个物理像素，
CSS
单位
px、em、rem、vh、vw、vmin、vmax
一、介绍 传统的项目开发中，我们只会用到px、%、em这几个
单位
，它可以适用于大部分的项目开发，且拥有比较良好的兼容性 从
css
3开始，浏览器对计量
单位
的支持又提升到了另外一个境界，新增了rem、vh、vw、vm等一些新的计量
单位
利用这些新的
单位
开发出比较良好的响应式页面，适应多种不同分辨率的终端，包括移动设备等 二、
单位
在
css
单位
中，可以分为长度
单位
、绝对
单位
，如下表所指示
CSS
单位
相对长度
单位
em、ex、ch、rem、vw、vh、vmin、vmax、% 绝对长度
单位
cm、mm、
自定义
CSS
单位
的利器
前文 很多时候我们很想要一个能够自定义
CSS
单位
的东西，比如下面这种情况 UI 妹子给的图总是 px
单位
的，但是我们做移动端的时候很多时候是想要 rem 的，这时候我们会手动计算从 px 到 rem。 假如你计算的是 rem = px / 100，通常情况下，可能我们每次都需要从 UI 稿除以 100 写在代码里面。比如UI 稿给的是 1.5px 那我们需要在代码里写上0.015rem。 现...
姜威的课程社区_NO_2
1
社区成员
113
社区内容
发帖
与我相关
我的任务
姜威的课程社区_NO_2
全栈工程师，技术栈包括Python，Go，Node，高级前端架构师，高级Python工程师。
复制链接
扫一扫
分享
社区描述
全栈工程师，技术栈包括Python，Go，Node，高级前端架构师，高级Python工程师。
社区管理员
加入社区
获取链接或二维码
近7日
近30日
至今
加载中
查看更多榜单
社区公告
暂无公告
试试用AI创作助手写篇文章吧
+ 用AI写文章
发帖
与我相关
我的任务
分享