浏览器将rem转成px时有精度误差怎么办?
面对浏览器对 PX 进行 REM 处理时出现的精度误差问题，我们首先需要了解的是，各个浏览器在处理小数点时的策略是不同的。常见的处理方法包括将小数点后的数字转换为整数、保留 4 位小数或保留 15 位。
现代浏览器基本上支持处理小数字。
但由于屏幕是由像素组成的，因此无法处理小于1像素的小像素，而是通过亚像素渲染来处理。
亚像素渲染的原理是浏览器不会直接放弃小于1的像素部分，而是采用更好的渲染方式来保证显示效果的平滑过渡。
这也意味着，如果一个元素的大小为 0.625px，则渲染大小将为 1px，剩余的 0.375px 空间将由附近的元素填充； 为0时，它是一个仍然占用大约0.375px的元素。
这个处理方式和浏览器输出一模一样。
至于REM -PX管线遇到的精度误差问题，我们可以通过了解浏览器的二次渲染机制来找到解决方案。
其实浏览器在处理的时候，并没有直接放弃。
这有助于我们避免浏览器处理小数点之间的布局差异。
在实际开发中，处理 REM 的 PX 错误问题的常用方法包括使用更灵活的布局策略，例如使用 Flexbox 或 Grid 等现代布局技术。
本质设备和屏幕尺寸 还可以考虑使用 VW 和其他设备。
面对这些布局挑战，开发人员应该了解并掌握Flexbox、Grid和VW等现代布局技术。
通过这些技术，不同设备和屏幕尺寸的布局需求可以更加灵活，同时减少因浏览器差异带来的布局问题。
rem是多少px啊？
1. 当设计稿宽度为750px时，页面的HTML字体大小应设置为100px，即1REM等于100px。2. 如果页面宽度为 750px，HTML 字体大小设置为 100px，则 1REM 等于 100px。
3. 在设计草案中，按钮的大小为 200 像素 x 90 像素。
4. 将设计稿中的按钮大小转换为rem单位，即200px/100px=2REM，90px/100px=0.9rem。
5. 因此，更改后的按钮尺寸为 2REM x 0.9REM。
6. 转换公式为：rem = px / 字体大小。
rem与px换算
假设设计稿的宽度是750px，看HTML{font-size: XXXPX}对应宽度为750px的页面。即100px = 1Rem。
这时如果要设置一个按钮的宽度，设计稿中的按钮是200px*90px，那么转换后的按钮就是2RM*.9REM 公式：REM = PX/(Font-Size)
