所以如果把页面分成15份的话就是1此代码写在html页面中ltscript设置html的字体大小，将页面分成15份，即75015=50var oHtml=documentgetElementsByTagName#39html#390=+#39px#39ltscript2 在less页面声明使用remr50rem；可以运用媒体查询依据用户的偏好动态调整字体大小例如，针对在小屏幕设备上查看内容的用户，可以减小字体大小@media maxwidth 600px p fontsize 16px 使用em和rem单位设置相对大小em单位能让您依据元素的父元素设置相对大小rem单位则是依据根元素html元素设置相对大小；默认浏览器字体是16px 也就是1rem=16px 如果你设置html为10px ， 那意思就是让1rem=10px了，但是谷歌浏览器字体最小是12px，所以在谷歌浏览器上1rem=12px，如果你设置宽度为20px，那就是2rem非谷歌浏览器；本文介绍如何在手机端适配所有屏幕大小的设备，并详细解释了rem单位的使用方法rem是一个相对长度单位，它基于根元素html的字体大小，使得在不同屏幕尺寸的设备上都能保持页面的适配使用rem单位时，需要将html元素的字体大小设置为一个基础值，例如40px这样，当设置一个元素的字体大小为1rem时，其实际；在CSS大小单位的选择上，不同单位各有特点与适用场景rem单位基于根元素html的字体大小，这使得在根元素设置统一字体大小后，计算元素的宽高变得简单直观然而，由于依赖于根元素的大小，页面的响应式布局可能需要额外的处理px单位是像素，是设备或图片的最小单位它常用于设置固定的布局或元素大小。

体尺寸未被人为设置，则相对于浏览器的默认字体尺寸它会继承父级元素的字体大小，因 此并不是一个固定的值3rem 是 CSS3 新增的一个相对单位root em，根 em，使用 rem 为元素设定字 体大小时，仍然是相对大小，但相对的只是 HTML 根元素4区别IE 无法调整那些使用 px 作为单位的；在移动端页面设计中，px和rem的转换与应用是不可或缺的本文重点介绍了rem单位的使用，它基于根元素的fontsize进行计算，与em类似但依赖于html元素的初始设置以下是对rem布局的理解和实践首先，初始化根元素的fontsize非常重要，通常设置为625%，使得1rem等于10px，避免了小数计算的麻烦在处理；使用rem进行移动端适配，其实与所使用的UI库无关要实现rem适配，首先需要在HTML标签中定义一个基值例如html fontsize 50px 这样设置后，1rem就代表50px在使用rem时，只需直接写width 1rem，它就代表宽度为50px如果使用SassLess等CSS预编译语言，可以通过定义函数来简化转换；rem相对单位，可理解为”root em”， 相对根节点html的字体大小来计算，CSS3新加属性，chromefirefoxIE9+支持2特点 PX特点1 IE无法调整那些使用px作为单位的字体大小2 国外的大部分网站能够调整的原因在于其使用了em或rem作为字体单位3 Firefox能够调整px和em，rem，但是96%以上的；1 PX与REM的关系基于基准字体大小2 通常，HTML根元素的字体大小设为基准值，例如16px3 1rem等于基准值的大小，即16px4 REM单位是相对单位，基于根元素字体大小5 PX转换为REM时，目标像素值除以基准字体大小得到REM值6 REM转换为PX时，REM值乘以基准字体大小得到对应像素值7；px与rem之间的转换关系主要依赖于基准字体大小通常，在响应式设计中，设计师会将HTML根元素的字体大小设为基准值，例如假设为16px此时，1rem就等于这个基准值的大小，也就是这里的例子中的16px也就是说，rem单位是基于根元素字体大小的相对单位因此，当需要转换px到rem时，只需将目标像素值除以。

rem是指根元素root element html 的字体大小 ，根元素默认的字体大小为16pxrem是通过根元素进行适配的，网页中的根元素是html我们通过设置html的字体大小就可以控制rem的大小所以默认我们认为1rem=16px 2rem=32px如果为了方便计算我们一般设置1rem=100px ，我们需要设置字体大小为100px 所。

responsive font lastmodify zhancheng 由于UE目前都按375为12比例计算，所以默认370px为fontsize100px！important注释掉的地方是官方responsive默认以iphone45的标准为基准定义的 media screen and minwidth 320px html *fontsize 100px！important* fontsize 84375px；1 设计稿宽度为750px时，页面的HTML字体大小应设置为100px，即1rem等于100px2 如果页面宽度为750px，并且HTML字体大小设置为100px，那么1rem等于100px3 在设计稿中，一个按钮的尺寸为200px乘以90px4 将设计稿中的按钮尺寸转换为rem单位，即200px100px = 2rem，90px100px = 09rem5 因此，转换后的按钮尺寸为2rem乘以09rem6 换算公式是rem；以1rem等于100px为例，页面大小变化时，可通过调整html字体大小来更新rem单位现今，手动计算rem单位已较少采用使用npm库如postcsspxtorem能自动将px转换为rem，简化代码编写在Vue项目中，通过在或中配置postcss即可实现自动转换，仅需按照px编写代码，由库自动处理转换；remroot em是CSS3新增的相对单位，相对于根元素，即html元素通过在html中设定一个参考值，其他子元素的值可根据此参考值转换rem单位完全取决于开发者的需求和选择浏览器默认字号为16px，px与rem之间的转换关系如下若在css中未设定html的fontsize，则默认1rem等于16pxrem的优势在于其相对；1rem 等于 html 根元素设定的 fontsize 的px值，假如我们在css里面设定下面的css那么后面的CSS里面的 rem 值则是以这个14来换算，例如设定一个 div 宽度为 3rem ，高度为 25rem 则它换算成px为 width42px height35px ，同理，假如一个设计稿为宽度 42px ，高度为 35px ，则换成；使用JavaScript或CSS查询获取浏览器页面的实际宽度和高度计算页面比例，并与常见的屏幕比例进行比较，以确定页面的有效宽度和高度计算1rem的值根据页面有效宽度，设定1rem等于页面宽度的某个百分比，通常可以设为Wp100，以便后续计算使用rem和px函数进行布局在设计稿中确定各元素的尺寸，并根据设计。