rem.js不支持ie8

rem（root em）是一个相对单位，它是相对于根元素（即HTML元素）的字体大小来计算的。在现代浏览器中，rem单位被广泛支持，因为它提供了一种灵活的方式来处理页面布局和字体大小，使得响应式设计变得更加容易。

基础概念

rem单位允许开发者基于根元素的字体大小来设置元素的尺寸，这样可以方便地进行全局的缩放。例如，如果HTML元素的字体大小设置为16px，那么1rem等于16px。如果更改了HTML元素的字体大小，所有使用rem单位的元素都会相应地缩放。

不支持IE8的原因

Internet Explorer 8（IE8）是一个较老的浏览器，发布于2009年，它的CSS支持有限。IE8不支持rem单位，因为它是在CSS3规范中引入的，而IE8仅支持CSS2.1的部分功能。IE8主要支持的相对单位是em，它是相对于当前元素的字体大小。

解决方案

为了使使用rem单位的页面在IE8中也能正常工作，可以采取以下几种策略：

1. 使用Polyfill: 可以使用JavaScript库来模拟rem单位在IE8中的行为。例如，可以使用rem-unit-polyfill库来为IE8添加rem单位的支持。
2. 使用Polyfill: 可以使用JavaScript库来模拟rem单位在IE8中的行为。例如，可以使用rem-unit-polyfill库来为IE8添加rem单位的支持。
3. 回退到em单位: 对于IE8，可以直接使用em单位作为回退方案。em单位在IE8中是被支持的，它是相对于当前元素的字体大小。
4. 回退到em单位: 对于IE8，可以直接使用em单位作为回退方案。em单位在IE8中是被支持的，它是相对于当前元素的字体大小。
5. 使用条件注释: 可以使用HTML的条件注释来为IE8单独指定样式表，其中不使用rem单位。
6. 使用条件注释: 可以使用HTML的条件注释来为IE8单独指定样式表，其中不使用rem单位。
7. 在ie8-styles.css中，可以完全避免使用rem单位。

应用场景

rem单位在现代网页设计中的应用非常广泛，特别是在需要实现响应式设计和可访问性的场景中。它允许设计师和开发者创建更加灵活和可维护的布局，同时也能够提供更好的用户体验。

优势

• 灵活性：rem单位使得整个页面的尺寸可以根据根元素的字体大小进行调整。
• 可访问性：用户可以通过调整浏览器设置来改变默认字体大小，使用rem单位的页面会相应地调整布局。
• 维护性：更改根元素的字体大小可以全局影响所有使用rem单位的元素，简化了样式表的维护。

通过上述方法，即使在不支持rem单位的IE8浏览器中，也可以实现类似的效果，确保网站在不同浏览器中的兼容性和一致性。