我有一个h2
元素,其样式为text-transform: uppercase
。当我使用此元素加载页面时,h2
周围的container元素会在加载过程中更改高度。
Firefox 26和Chrome 31(在OS X上均是如此)就是这种情况。
如何在加载过程中摆脱“跳跃”?
最佳答案
由于文本转换,浏览器似乎无法以正确的高度呈现所有元素。
这可以通过在height
元素上设置h2
来解决。这样做,浏览器便具有所需的所有信息。当然,高度必须足够大,以便文本转换后的“最终版本”适合。