当前位置: 首页 > Web前端 > HTML

如何区分HLS-RTSP-8K播放全功能流媒体播放器EasyPlayer构建的HTML中的px、em、rem?

时间:2023-04-02 14:32:36 HTML

EasyPlayer是一个流媒体播放器系列项目,支持RTSP、RTMP、HTTP、HLS、UDP、RTP、File等流媒体协议播放,支持本地文件播放,支持本地抓图、本地录像、播放旋转、多播画面播放、多路播放等功能特性,核心基于ffmpeg,稳定、高效、可靠、可控。经过多年的不断开发迭代,基于成功的实践经验,开发了包括:EasyPlayer-RTSP、EasyPlayer-RTMP、EasyPlayerPro、EasyPlayer.js等播放器。目前支持Windows、Android、iOS三个平台,EasyPlayer.js也支持Linux平台。在这篇博文中,我们将讨论在后续平台搭建中如何区分HTML的px、em、rem。px、em、rem如何区分HTML中的PXpx像素(Pixel)。相对长度单位。Pixelpx是相对于显示器的屏幕分辨率的。(引自CSS2.0手册)特点:IE无法调整以px为单位的字体大小;大部分国外网站都可以调整原因,因为他们使用em或rem作为字体单位;Firefox可以调整px和em,rem,但是超过96%的中国网民使用IE浏览器(或内核)。EMem是一个相对长度单位。相对于当前对象中文本的字体大小。如果内联文本的当前字体大小没有手动设置,则它是相对于浏览器的默认字体大小。(引用自CSS2.0手册)任何浏览器的默认字体高度都是16px。所有未经调整的浏览器都符合:1em=16px。即12px=0.75em,10px=0.625em。为了简化字体大小转换,需要在css中的body选择器中声明Font-size=62.5%,使得em值16px*62.5%=10px,所以12px=1.2em,10px=1em,也也就是说你只需要将你原来的px值除以10,然后换成em为单位即可。特点:em的值不固定;em将继承父元素的字体大小。remrem是css3新增的相对长度单位。它似乎解决了em的缺点。em可以说是相对于父元素的字体大小。当父元素的字体大小发生变化时,就得重新计算。rem的出现可以解决这样的问题,rem只是相对于根目录,也就是HTML元素。所以只要在html标签上设置字体大小,文档中的字体大小就会以此为参考标准,一般用于自适应布局。rem是相对于根目录(HTML元素)的,所以会随着HTML元素的属性(font-size)而变化。