CSS是现代网页设计中最重要的一部分。虽然它可以让网页的外观和样式变得非常漂亮，但是在不同的浏览器中，CSS的兼容性问题也是一个非常棘手的难题。而其中一个常见的问题就是在设置元素高度时，不同浏览器间对于height属性的解析存在不同之处。接下来，我们将会了解如何使用CSS编写高度兼容的网页设计代码。

CSS高度兼容最重要的一点是使用百分比高度而不是像素高度。当使用像素高度时，当不同设备的屏幕尺寸和分辨率不同时，元素高度的显示就会出现问题。在这种情况下，使用百分比高度可以解决这个问题。

例如，下面是设置一个元素高度的CSS代码示例：

.element{
height:60%;
}

这段代码将元素的高度设置为其父容器高度的60%。这种技术的好处是它可以自适应不同分辨率的屏幕，无论你的网页在哪种设备上显示都会完美适配。

此外，对于一些浏览器对百分比高度的支持不够好的情况，使用min-height和max-height属性也是一个不错的选择。例如，在此例中，您可以同时使用这三个属性：

.element{
height:60%;
min-height:300px;
max-height:600px;
}

一些老式的浏览器不支持百分比高度，但支持min-height和max-height属性。在这种情况下，浏览器会先尝试将元素的高度设置为百分比高度，如果不支持就会使用min-height或max-height属性。

在编写网页设计时，考虑到不同的浏览器对CSS的解析方式是非常重要的。使用百分比高度和min-height和max-height属性可以让您的网页无论在哪种设备上都能够完美展示。当然，这还需要根据您的实际应用情况做出具体的判断，不时应该尝试新的解决方案，以达到更好的效果。