栅格子高度= 100%在Safari和Chrome中的行为不同

是因为两个浏览器对于百分比高度的计算方式不同。

在Safari中，栅格子的高度= 100%会相对于其父元素的高度进行计算。如果父元素没有设置固定的高度，而是根据内容自适应高度，那么栅格子的高度也会随之自适应。

在Chrome中，栅格子的高度= 100%会相对于其父元素的高度进行计算，但是父元素的高度需要有一个明确的值，不能是自适应的。如果父元素的高度没有设置或者设置为auto，那么栅格子的高度将无法正常显示。

这种行为差异可能会导致在使用栅格布局时出现显示问题。为了解决这个问题，可以考虑使用其他的布局方式，如flexbox或者CSS Grid，这些布局方式对于百分比高度的计算更加灵活。

腾讯云相关产品和产品介绍链接地址：

• 腾讯云云服务器（CVM）：提供弹性计算能力，满足各种业务需求。产品介绍链接
• 腾讯云云数据库MySQL版：提供高性能、高可用的MySQL数据库服务。产品介绍链接
• 腾讯云对象存储（COS）：提供安全、稳定、低成本的云端存储服务。产品介绍链接
• 腾讯云人工智能平台（AI Lab）：提供丰富的人工智能算法和工具，帮助开发者快速构建智能应用。产品介绍链接
• 腾讯云物联网平台（IoT Hub）：提供全面的物联网解决方案，支持海量设备接入和数据管理。产品介绍链接
• 腾讯云移动推送（TPNS）：提供高效、稳定的移动消息推送服务，帮助开发者实现消息推送功能。产品介绍链接

请注意，以上链接仅供参考，具体产品选择应根据实际需求进行评估和决策。