设计网页用什么软件 网页设计里的字体怎么改变rem格式？
网页设计里的字体怎么改变rem格式？
响应式网页设计：REM和EM自适应设置网页的字体大小
“REM”指的是根元素（HTML）的字体大小。令人高兴的是，他们已经预约从IE6到chrome。根元素的默认字体大小是16px。这样一个新装置的兼容性如何？
IE9，Firefox、chrome、Safari和opera的主流版本都支持它。我可以自由使用REM。
在实际中使用基于EM的计算是不方便的。所以REM的出现拯救了像我这样不会算术的人。他们不必再担心父元素的字体大小，因为它总是基于根元素（HTML）。
例如，默认的HTML字体大小=16px，那么我想将12px的文本设置为：12△16=0.75（REM）
当然，您可以引入CSS预处理工具（SASS、less、stylus等）来自动计算REM值，所以这里我不一一给您举例。
但是如果像我这样的懒人或团队没有引入CSS预处理工具呢？我能移动一个计算器吗？别担心。你可以做些改变。让我们改变默认字体大小=10px的HTML计算！像这样：
html{字体-尺寸：62.5%/*10÷16=62.5%*/}正文{字体-大小：12px字体大小：1.2rem/*12÷10=1.2*/}p{字体-大小：14px字体大小需要注意的是，为了与不支持rem的浏览器兼容，我们需要在rem前面写上相应的PX值，因此，不支持REM的浏览器可以正常降级。其实，不用太担心。这是默认字体-尺寸：100%，或设置为字体-尺寸：62.5%如果引入CSS预处理工具，自然可以使用默认值。如果您出于其他原因使用字体-尺寸：62.5%可以重置正文中的默认字体大小。
为什么很多web项目还是使用px，而不是rem？
在移动终端刚刚流行的早期，为了使手机页面适应不同大小的手机屏幕，淘宝网的一位前端老板写了一个经过改编的JS，叫做flexible，可以在GitHub找到。原理很简单。似乎根据手机的分辨率和DPI（我不记得了），动态设置根元素HTML的fontsize，然后页面元素的大小就是rem，因为1rem=fontsizeofhtml。
后来，出现了大众和VH。渐渐地，许多项目使用大众汽车进行改编。100vw=100%宽度。因为兼容性不是很好，所以一直没有上线。
nodejs出现后，前端工程开始了。有pxtorem和pxtoview port等插件。在开发过程中，我们可以根据UI标记的PX case直接编写它们。在打包时，插件将帮助我们将PX计算转换为REM或VW。
我现在用大众。不考虑兼容性。我甚至不看那些需要与ie兼容的公司
版权声明：本文内容由互联网用户自发贡献，本站不承担相关法律责任.如有侵权/违法内容,本站将立刻删除。
