Web后部：常见的 CSS 浏览器兼容性问题

Web尾端：常见的 CSS 客户端兼容性情况

意味着情况可能是客户端之间差异的最常见原因。使用 HTML 和 CSS 时，上则会则会相遇同一个 Web 系统新设计程序的特定于客户端的情况。因此，有适当技术开发特定于客户端的 CSS 编译器以确保无缝的用户领略，无论他们使用哪种客户端。

CSS Grid：CSS Grid 广泛运用于网页新设计。它给予了一个视图框架，可以在其中所放置原素并根据需要系统新设计也就是说。鉴于其准确性和高效率，CSS Grid 已成为 Web 新设计人员和技术开发者的互换装置。

然而，CSS Grid 的原素在所有客户端上的功能并不恰当。例如，动画电影视图在 Mozilla 的 Gecko 引擎中所无缝开始运行，但在 Chromium 和 Webkit 上却没有。

CSS position:sticky：此也就是说冻结视口上的原素，即使用户在网页上滚动也是如此。上则会，它运用于将辅助右方互换在屏幕顶部。它上则会与书名和辅助右方定位得很好，但是当它与其他原素(例如表的书名)朋友们重新部署时则会浮现不恰当。在这种情况下，它在 Chromium 中所失败。在 Safari 中所实现这一点也浮现了许多不恰当之处。

CSS Flexbox：CSS Flexbox 广受欢迎，这要得益于它的多功能性和轻松成立器皿并用原素填充它的能力。但是，用户经常则会相遇在 Flexbox 中所处理驰骋比(高度和厚度)的情况。这上则会适运用于他们必须在 CSS Flexbox 创建的器皿中所管理图像的情况。此外，当在多个原素和数目上对齐器皿内的项目时，也则会浮现情况。例如，不太可能注意到可见性：折叠不则会在 Blink 引擎上开始运行——这是 CSS 客户端不兼容的一个模板。

解决上述情况的最有效方式是编写和实现特定于客户端的 CSS 编译器。

代为记住，一旦站点一早进行时检验，就必须在现实的客户端和的设备上对其进行时验证和验证。不用用模拟，模拟的许多不足则会限制你的检验，要在现实用户情况下下开始运行你的编译器。

成立编译器后，必须在现实的客户端和的设备上对其进行时检验，以确保 CSS 编译器在相同的客户端中所准确展现出。近似的方式是在现实的的设备云上进行时检验。