本文主要讲解 CSS 中不兼容的单位 rem 和 px，以及如何在使用 Bootstrap 4 alpha 6 框架时避免这个问题。首先，我们来看一下这两个单位的定义。
1. 什么是 rem 和 px
1.1 rem
rem（root em）单位是相对单位，相对于根元素的字体大小。例如，如果根元素的字体大小为 16px，则 1rem 就相当于 16px。
1.2 px
px（像素）单位是绝对单位，表示屏幕上的一个点。在 Web 网页中，1px 相当于显示器上的一个物理像素。
2. rem 和 px 的不兼容性
由于 rem 单位是相对单位，所以它会随着根元素的字体大小而变化。但是在某些情况下，我们希望元素的大小不会随着字体大小的变化而变化，这时候就需要使用 px 单位。
例如，假设我们想要创建一个固定宽度为 500px，高度为 100px 的按钮。如果我们使用 rem 单位来定义宽度和高度，那么当根元素字体大小变化时，按钮的大小也会发生变化。这会导致按钮的大小不稳定，影响用户体验。
3. 使用 Bootstrap 4 alpha 6 框架避免不兼容性问题
Bootstrap 是一个非常流行的前端框架，它提供了大量的基础 CSS 和 JavaScript 组件，可以帮助开发者快速地创建美观的响应式网页。Bootstrap 4 alpha 6 是最新的版本，它已经解决了 rem 和 px 不兼容的问题。
在 Bootstrap 4 alpha 6 中，大部分样式使用的是 rem 单位。但是对于一些固定的组件，如表格、按钮、导航栏等，Bootstrap 使用的是 px 单位。这些组件的大小不会随着根元素字体大小的变化而变化，保证了在不同的屏幕尺寸下，它们的大小是稳定的。
例如，下面是一个使用 Bootstrap 4 alpha 6 创建的按钮：
<button class="btn btn-primary btn-lg">Click me</button>
其中，btn、btn-primary、btn-lg 都是 Bootstrap 提供的样式类。这个按钮的大小会随着字体大小的变化而变化，但是它的大小是固定的，使用的是 px 单位。
4. 总结
rem 和 px 是 CSS 中常用的单位。rem 单位是相对单位，便于响应式设计，但是在某些情况下，会导致不兼容性问题。px 单位是绝对单位，可以保证大小的稳定性，但是不方便响应式设计。使用 Bootstrap 4 alpha 6 可以避免 rem 和 px 的不兼容性问题，创建稳定的固定组件。