px与与rem vw的区别

Posted undefined-

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了px与与rem vw的区别相关的知识,希望对你有一定的参考价值。

1.px 使用具体像素点为单位,好处是比较稳定和精确,但在浏览器放大缩小会出现问题

 

2.rem 参考根元素的值
  例如设置根元素字体大小是20像素
  

  在h1中设置字体大小

  

  那么H1的大小就是40px

  p的像素是20*0.8就是16像素

3.vw是针对于可是窗口的大小,就是窗口的大小,或者手机屏幕的大小

  个人觉得这个不错

  

意思就是字体占整个可视窗口的百分之四,是根据可视窗口来变化的。
 
 
第一次玩博客,以后会经常分享一些在前端中遇到的问题,和解决办法。

以上是关于px与与rem vw的区别的主要内容,如果未能解决你的问题,请参考以下文章

px % em rem vw / vh 区别

css px em rem % vw vh vm 区别

px,em,rem,vh,vw,vmin,vmax的区别

rem 与 vw 适配方案

rem、rm、px、vw之间的相互转换

移动端布局适配(px,em,rem,vh,vw)