2016 - 2025

感恩一路有你

移动端rem布局原理 为什么很多web项目还是使用px,而不是rem?

浏览量:1557 时间:2021-03-14 13:13:43 作者:admin

为什么很多web项目还是使用px,而不是rem?

Rem是HTML标记相对于根元素的字体大小。但是,HTML标记字体也应该使用基准大小,即PX像素。

很多人错误地认为PX像素是一个绝对的大小单位,而实际的PX是一个相对的单位,它与屏幕分辨率有关,会随着放大缩小而变化。

主要有几种布局方式,如三列布局,左、中、右、左、右均可使用像素,中间分布剩余宽度。

例如,一系列特殊的框架,如mobile framework 7

另一种是对多个列使用百分比,如bootstrap。

很少使用rem作为宽度的度量。如果要根据视口的大小放大,PX更容易。

例如,要制作一个750像素宽的页面,使用不同的手机,根据视图进行放大和缩小,REM计算太大。PX需要编写匹配的JS,REM也需要编写匹配的JS。总之,它需要编写基于PX的辅助JS,所以最好直接使用PX。

大多数设置不需要根据视图放大或缩小页面。

前端移动端rem页面怎么写js代码怎么写?

你好,我是小志。我很高兴为你回答。移动终端适配并引用这个JS文件,它是自己编写的。然后,字体单位使用REM(如果你不知道REM,先去了解它),高度单位也使用REM,宽度单位是百分比。比较专业的理科知识,欢迎关注我。如果你喜欢我的回答,也请给我表扬或转发,你的鼓励是支持我写下来的动力,谢谢。

rem自适应布局适合用于pc端吗?

要在PC上使用REM,首先要使用reset()函数来包含常用的remjs,因为手机的屏幕宽度是固定的,而且PC上的浏览器窗口大小可以改变

另外,PC端一般不使用REM,主要是因为兼容低版本浏览器。例如,从IE9开始就支持REM,但只是部分支持。Ie11完全支持。部分支持IE9和ie10。例如,伪元素和缩写样式不支持REM

移动端rem布局原理 移动端rem计算 移动端html自适应布局

版权声明:本文内容由互联网用户自发贡献,本站不承担相关法律责任.如有侵权/违法内容,本站将立刻删除。