uniapp rpx、px、em、rem、%、vh、vw的区别是什么?
发布时间:2024年01月01日
rpx、px、em、rem、%、vh、vw都是CSS中用于设置元素尺寸和定位的单位,但它们各自具有不同的特点和适用场景。
- px(像素):px是绝对长度单位,描述一个元素的宽高以及定位信息。它是相对于显示器屏幕分辨率而言的,页?按精确像素展?。
- rpx(响应式像素):rpx是微信小程序独有的单位,解决屏幕自适应的问题。它可以根据屏幕宽度进行自适应,相当于把屏幕宽度分为750份,1份就是1rpx。
- em:em是相对长度单位,基准点是父元素的字体大小。如果自身定义了font-size属性,那么就会按照自身来计算。整个页面内,1em不是一个固定的值,会继承父级元素的字体大小。
- rem:rem是相对单位,相对于根元素html的字体大小来计算,这样只需要在根目录确定一个参考值,就可以设计整个页面的比例。
- %:百分比是基于父元素的尺寸,是一种相对单位。
- vh、vw:vh和vw是视口单位,相对于视口的高度和宽度。1vh等于视口高度的1/100,1vw等于视口宽度的1/100。
综上所述,这些单位各有特点,适用于不同的场景。在选择使用哪个单位时,需要根据具体的需求和上下文环境来决定。
文章来源:https://blog.csdn.net/emma20080101/article/details/135308474
本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。
如若内容造成侵权/违法违规/事实不符,请联系我的编程经验分享网邮箱:chenni525@qq.com进行投诉反馈,一经查实,立即删除!