rem适配的js，rem配置js

前端开发怎么在不同分辨率的大屏设备上字体展示不一样

1、方法一：所有布局用百分比布局，这种方法是比较传统的。

2、应该是两台显示器大小不一样的原因，大小不一样，分辨率不一样。如19寸16：10的屏，分辨率是1440*900，25寸16：9的屏，分辨率是1920*1080，要显示同样大小的字，像素点不一样，字就显示有差别了。

3、内部因素 “标准字体”及其字号.设置 “格式-样式 ，在样式窗体中单击“修改”按钮，在单元格格式窗体中选择字体标签，可以设置 字体 字形 字号等属性 。这些设置都会对列宽直接产生影响 ，直观视觉效果就是行号列标中的文字的变化，并且列宽也会立刻随之发生变化。

4、显示器的分辨率和显卡有很大的关系。不同的显示器所支持的分辨率不一样。所以相同分辨率，在不同尺寸的显示器上，显示的效果不一样。无论是用高分辨率显示器播放低分辨率视频、低像素图片还是用低分辨率显示器播放高分辨率视频、高像素图片，都达不到理想的观看效果。

5、如果使用 “wrap_content” 和 “match_parent” 尺寸值而不是硬编码的尺寸，视图就会相应地仅使用自身所需的空间或展开以填满可用空间。此方法可让布局正确适应各种屏幕尺寸和屏幕方向。 如果某些地方必须要规定控件的大小，那么要使用dp 或者 dip单位。 字段必须使用 sp单位。

相关问答

Q1: rem布局,js动态设置html的fontsize大小

首先css3规定1rem = html根节点的font-size，rem也就是root em简写。 为了方便计算通常设置根节点font-size = 100px 那么 1rem = 100px 核心思想： 百分比布局可实现响应式布局，而rem相当于百分比布局。 实现手段： 动态获取当前视口宽度width，除以一个固定的数n，得到rem的值。

small元素的大小是默认大小的0.875倍，即14像素（14/16=0.875）。js怎么放大页面文字？字体设置大小需要在fontsize=？设置 图面需要在你连接图片url的inputwidth=“？”height=“？”设置 位置的控制就是要通过你所使用的框架类型是表单或者是table等来控制了应该是这样设置的你可以看看。

响应式网页设计：rem、em设置网页字体大小自适应 「rem」是指根元素（rootelement，html）的字体大小，好开心的是，从遥远的IE6到版本帝Chrome他们都约好了，根元素默认的font-size都是16px。

Q2: rem布局是js部分吗

1、不需要，rem只是css3的一个新的长度单位，与js无关，所以不需要引入任何js。

2、这样就只能做响应式布局了，不过不是以js来主导，得用css来主导，目前我了解到的有：媒体查询 CSS媒体查询可以让我们针对不同的媒体类型定义不同的样式，当重置浏览器窗口大小的过程中，页面也会根据浏览器的宽度和高度重新渲染页面。

3、创建一个名称为fontsize的html文件。在body中加入p元素和button按钮。在自定义函数中创建一个字符串。用fontsize方法设置字符串的字号为5号。将返回的5号字符串赋值到p元素中。在浏览器中运行该文件点击button查看返回5号字号的字符串。

4、因为ui设计稿是指定的某个分辨率，要想在其他分辨率下使用同样的尺寸就需要等比缩放，因此需要js动态计算rem。 width / n 是将屏幕分为了ui设计稿的n等分，当设备宽度不是ui设计稿的宽度时，页面等分不变，表现为页面百分比缩放。

5、rem自适应布局适合用于pc端吗？PC端用rem首先要用resize()函数把平常用的remjs包含起来，因为手机屏幕宽度固定，而pc端可以改变浏览器窗口大小。另外pc端一般不用rem主要是对低版本浏览器的兼容性问题，比如从ie9才开始支持rem，但是只是部分支持。ie11才全部支持。

Q3: vue开发后台管理,进行不同设备适配

1、在UE5中设置UI自适应是为了在不同分辨率和屏幕尺寸的设备上能够正确显示UI界面。原因是因为不同设备具有不同的屏幕分辨率和宽高比，如果不进行自适应设置，UI界面可能会出现变形、错位或者显示不完整的情况。

2、打开vite.config.js文件，引入组件 然后在plugins内添加配置 这里naiveui使用的是按需自动引入，具体可参考官方文档： 按需引入（Tree Shaking） - Naive UI 笔者添加了一些打包的配置，不需要可以忽略。

3、首先现在vue项目里面找到config这个文件，配置里面的index.js 然后再配置生产环境的参数，也就是dev.env.js 最后在prod.env.js里面配置 给config/index.js里面的内容做个注释 我在src里面创建了一个文件夹axios，api.js是我封装axios方法的文件，globalData.js是存放后台接口的文件。

4、调用蓝牙是通过Vue3和TypeScript结合使用的一种方式，可以实现在Vue3项目中与蓝牙设备进行交互。原因是Vue3提供了一套完善的响应式系统和组件化开发的思想，而TypeScript则提供了静态类型检查和更好的代码提示，使得在调用蓝牙时更加方便和可靠。

5、尽管Vue3的后台管理框架数量相对较少，但Vue3本身的强大功能和灵活性使得开发者可以更容易地自定义和扩展后台管理系统。Vue3引入了Composition API，使得组件的逻辑更加清晰和可维护。此外，Vue3还支持TypeScript，这有助于提升代码的质量和可维护性。

6、最近公司官网需要一个后台管理系统，一直在看vue3，但是都没有在实际项目中使用过，正好就借此机会来踩踩坑。

Q4: 说说“自适应pc端网页制作”那些事

1、问题一： 很多小伙伴为了px和rem转化的方便，所以经常把根元素的字体大小设为10px，即1rem = 10px；px转化成rem只需要除以10即可。

关于rem适配的js和rem配置js的介绍到此就结束了，不知道你从中找到你需要的信息了吗 ？如果你还想了解更多这方面的信息，记得收藏关注本站。