当前位置: 开发笔记 > 前端 > 正文

css：尺寸单位整理px、rem、em、vh、rpx

作者：冷尔岚钰_820 | 来源：互联网 | 2024-10-08 11:32

尺寸单位全称说明px-常用单位remfontsizeoftherootelement根据网页的根元素（html）来设置字体大小emfontsizeoft

尺寸单位全称说明
px-常用单位
remfont size of the root element根据网页的根元素&＃xff08;html&＃xff09;来设置字体大小
emfont size of the element根据其父元素的字体大小来进行设置
vh/vw视口宽度/高度
rpxresponsive pixel微信小程序像素单位&＃xff0c;宽度以iphone6&＃xff08;750rpx&＃xff09;为标准

尺寸单位	全称	说明
px	-	常用单位
rem	font size of the root element	根据网页的根元素&＃xff08;html&＃xff09;来设置字体大小
em	font size of the element	根据其父元素的字体大小来进行设置
vh/vw		视口宽度/高度
rpx	responsive pixel	微信小程序像素单位&＃xff0c;宽度以iphone6&＃xff08;750rpx&＃xff09;为标准

推荐阅读

js
关于javascript:小程序原生开发中一个变量控制页面的主题

一般的网页我的项目能够很容易的实现换肤性能，能够通过js扭转link元素中引入的css主题款式链接。然而微信小程序不能动静扭转wxss文件，所以须要其余的计划来实现。 ... [详细]

蜡笔小新 2024-09-27 18:45:44
js
微信小程序官方组件展示之表单组件input源码

以下将展示微信小程序之表单组件input源码官方组件能力，组件样式仅供参考，开发者可根据自身需求定义组件样式，具体属性参数详见小程序开发文档。功能描述：输入框。该组件是原生组件， ... [详细]

蜡笔小新 2024-09-28 17:10:30
js
一步一步学EF系列【4、升级篇实体与数据库的映射】

之前的三张为基础篇，如果不考虑架构问题，做一般的小程序，以足够用了。基本的增删改查也都有了。但是作为学习显然是不够的。通过之前三章的学习，有没有发现这样写有什么问题，有没有觉得繁琐 ... [详细]

蜡笔小新 2024-09-26 10:45:13
js
JDBC系列：（4）使用CablleStatement调用存储过程

执行sql语句的接口接口作用Statement接口用于执行静态的sql语句PreparedStatement接口用于执行预编译sql语句CallableStatement接口用于执 ... [详细]

蜡笔小新 2024-10-08 19:34:12
js
微信小程序之permission字段

最近查看我发布的小程序出了问题，没有显示天气，打开文件查看,出现如下提示 ... [详细]

蜡笔小新 2024-09-30 11:35:00
html
如何判断当前浏览器是不是微信浏览器

如何判断当前浏览器是不是微信浏览器主要代码块functionisWeiXin(){varuawindow.navigator.userAgent.toLowerCase();i ... [详细]

蜡笔小新 2024-09-30 10:41:15
html
微信小程序——生命周期

1、onLoad(Objectquery)——监听页面加载（1）页面加载时触发。一个页面只会调用一次，可以在onLoad的参数中获取打开当前页面路径中的参数。（2）参数：名称：q ... [详细]

蜡笔小新 2024-09-29 20:42:53
js
jquery popupDialog 使用加载jsp页面办法

php教程|PHP开发jqueryphp教程-PHP开发如下所示：软件市场源码,vsCode字体不变,ubuntu的所有版本,taotomcat,sqlite连接php,个人域名服 ... [详细]

蜡笔小新 2024-09-29 19:32:31
js
微信小程序云开发之图片上传wx.cloud.uploadFile()

页面按钮&lt;buttonbindtap&quot;addImg&quot;class&quot;addPng&a ... [详细]

蜡笔小新 2024-09-29 19:13:27
js
智能家庭如何摆脱“伪智能”困境？

　　文/宿命在纠结：2014-12-04　　智能家庭是今年超级火爆的领域，一波波的硬件层出不穷，从智能路由、智能摄像头、智能插座、智能空调到最近又开始兴起的智能空气净化器，不过大多 ... [详细]

蜡笔小新 2024-09-29 10:23:51
html
wepycli 开发小程序如何使用vant组件

1同样使用wepy-cli快速生成的小程序，目前可以使用组件：2直接通过git下载VantWeapp源代码，并将dist目录拷贝到自己的项 ... [详细]

蜡笔小新 2024-09-28 13:55:02
html
【Axure高保真原型】倒计时原型模板

今天和粉丝们免费分享能自动倒计时的原型模板，该模板使用简单，只需要填写开始倒计时的时分秒，在预览时即可根据填写的时间自动实现倒计时的效果。 ... [详细]

蜡笔小新 2024-09-28 13:07:10
html
小程序调试基础库版本比较

先上代码comparePhoneVersion(version){letversionsversion.split('.');if(versions ... [详细]

蜡笔小新 2024-09-28 09:49:19
js
Git收集资源

GitHub——微信小程序开发资源汇总交互式在线学习Git。好好学习，天天向上https:learngitbranch ... [详细]

蜡笔小新 2024-09-27 18:59:41
js
微信如何设置空白微信名？

找名字有空格的人，复制他的名字里面带的空格，再粘贴到自己的名字后面哪里就可以了微信无名称怎么设置。 ... [详细]

蜡笔小新 2024-09-26 15:23:17

冷尔岚钰_820

这个家伙很懒，什么也没留下！

Tags | 热门标签

RankList | 热门文章