大家好，今天小编关注到一个比较有意思的话题，就是关于css3中rem的问题，于是小编就整理了2个相关介绍css3中rem的解答，让我们一起看看吧。
CSS中的rem和vm的关系？
rem单位：font size of the root element.rem就是相对于根元素<html>的font-size来做计算
视窗单位：
div>vw : 1vw 等于视窗宽度的1%
vh : 1vh 等于视窗高度的1%
vmin : 选取 vw 和 vh 中最小的那个
vmax : 选取 vw 和 vh 中最大的那个
react项目如何做pc端适配？
React项目做PC端适配可以参考以下步骤：
使用flexible和postcss-px2rem-exclude插件。首先，通过npm install lib-flexible和npm install postcss-px2rem-exclude安装这两个插件。然后，在flexible.js中修改代码，确保在计算rem时，根据设备的宽度和dpr进行调整。
在main.js中引入lib-flexible。
在postcss.config.js中配置postcss-px2rem-exclude，指定PC端宽度/10即可适配，移动端则需要进行其他计算。
根据项目需求，可以在不同分辨率下书写CSS样式表，或者使用媒体查询来适配不同设备。
以上步骤完成后，你的React项目应该能够更好地适配PC端设备。
到此，以上就是小编对于css3中rem的问题就介绍到这了，希望介绍关于css3中rem的2点解答对大家有用。
[免责声明]本文来源于网络，不代表本站立场，如转载内容涉及版权等问题，请联系邮箱:83115484@qq.com，我们会予以删除相关文章，保证您的权利。 转载请注明出处：http://www.fengdengtech.com/post/44134.html
相关推荐
-
javascript页面适配,前端页面适配
大家好，今天小编关注到一个比较有意思的话题，就是关于javascript页面适配的问题，于是小编就整理了2个相关介绍javascript页面适配的解答，让我们一起看看吧。什么是页面适配？如何进行Web网页的兼容性测试？什么是页面适配？页面适...
2024-09-19 -
html文档不包含web服务发现信息,html文档不包含web服务发现信息C#
大家好，今天小编关注到一个比较有意思的话题，就是关于html文档不包含web服务发现信息的问题，于是小编就整理了4个相关介绍html文档不包含web服务发现信息的解答，让我们一起看看吧。为什么web项目不能显示中文？eclipse中没有we...
2024-09-17 -
javascript优秀项目,javascript 项目
大家好，今天小编关注到一个比较有意思的话题，就是关于javascript优秀项目的问题，于是小编就整理了3个相关介绍javascript优秀项目的解答，让我们一起看看吧。基于threejs的开源项目？学习Js能干嘛？visualstudio...
2024-09-17 -
tsc编译css,tsc编译器
大家好，今天小编关注到一个比较有意思的话题，就是关于tsc编译css的问题，于是小编就整理了4个相关介绍tsc编译css的解答，让我们一起看看吧。有一台tsc条码打印机，用什么条码打印软件好？visualstudiocode怎么运行代码...
2024-09-16 -
html怎么做下拉列表,html如何做下拉列表
大家好，今天小编关注到一个比较有意思的话题，就是关于html怎么做下拉列表的问题，于是小编就整理了3个相关介绍html怎么做下拉列表的解答，让我们一起看看吧。如何在HTML页面中创建简单的下拉列表框？如何在HTML页面中创建简单的下拉列表框...
2024-09-14 -
html自适应网站模板,自适应网页模板
大家好，今天小编关注到一个比较有意思的话题，就是关于html自适应网站模板的问题，于是小编就整理了1个相关介绍html自适应网站模板的解答，让我们一起看看吧。自己制作的网页怎么自适应手机端？自己制作的网页怎么自适应手机端？说说我知道的方法。...
2024-09-09 -
javascript项目讲解,javascript 项目
大家好，今天小编关注到一个比较有意思的话题，就是关于javascript项目讲解的问题，于是小编就整理了2个相关介绍javascript项目讲解的解答，让我们一起看看吧。Java培训学习都学习什么，做什么项目？进场的JS防水涂料需要做抽检吗...
2024-09-08 -
javascript导入方式,js 导入
大家好，今天小编关注到一个比较有意思的话题，就是关于javascript导入方式的问题，于是小编就整理了4个相关介绍javascript导入方式的解答，让我们一起看看吧。visualstudio怎么导入js项目？js如何将数据导入table...
2024-09-07 -
rem布局案例css,rem布局实现步骤
大家好，今天小编关注到一个比较有意思的话题，就是关于rem布局案例css的问题，于是小编就整理了3个相关介绍rem布局案例css的解答，让我们一起看看吧。css样式中的rem是什么意思啊，1.2rem？rem可以和flex一起用吗？rem自...
2024-09-04 -
html生成jsp文件,jsp 生成html
大家好，今天小编关注到一个比较有意思的话题，就是关于html生成jsp文件的问题，于是小编就整理了3个相关介绍html生成jsp文件的解答，让我们一起看看吧。Eclipse怎么才能创建html？jsp项目是啥？JSP是什么？Eclipse怎...
2024-09-04
