南京响应式网站制作 第1篇
在设计CSS时，首先要检查你希望使用的特性在目标浏览器中的支持情况。最常用的工具之一是 Can I Use 网站，它提供了详细的特性支持信息和浏览器版本数据。
示例：CSS网格布局的支持
CSS网格布局是一种强大的布局工具，但它在IE11和IE10中并不完全支持。尽管IE11支持部分网格功能，它依赖于特定的带前缀语法（-ms-grid），并且特性集有限。因此，在实际开发中我们需要进行兼容处理。
南京响应式网站制作 第2篇
IE10和IE11虽然提供了部分网格布局的支持，但需要使用特定的带前缀语法，如-ms-grid。此外，IE的网格实现较为基础，不支持网格区域（grid areas）等功能。
示例：IE11中的带前缀网格布局
-ms-grid-columns用于定义IE11中的网格列，-ms-grid-column用于放置网格中的项目。这种写法虽然麻烦，但可以确保在IE中页面布局的可用性。
南京响应式网站制作 第3篇
特性查询是CSS中的一种机制，可以用来检测浏览器是否支持某些CSS特性，并根据结果应用不同的样式。特性查询与媒体查询相似，但它检测的是CSS特性而非设备特性。
示例：使用特性查询检测CSS网格布局支持
如果浏览器不支持CSS网格布局，元素会以块级元素的形式排列。但如果浏览器支持网格布局，特性查询会应用新的网格样式。