html – IE11边界问题

前端之家收集整理的这篇文章主要介绍了html – IE11边界问题前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
我有一个< h1>标签具有实体边框,但由于某种原因,边框不会围绕该元素.它有时在IE11上发生,当我重新加载网站(* border)的行为很奇怪,但有时它看起来不错.

没有一致性,似乎是随机发生的.此外,当它发生时,边界每次都停在不同的点,并且总是接近尾声.

HTML:

<h1><span style="color:#FFFFFF"><span class="highlight">LOREM</span>&nbsp;IPSUM DOLOR SIT AMET CONTETEUR</span></h1>

CSS:

.block h1 {
    border: solid 5px white;
    display: inline-block;
    padding: 10px 20px 10px 20px;
    margin: 0;
    -webkit-Box-sizing: border-Box;
    -moz-Box-sizing: border-Box;
    Box-sizing: border-Box;
}

解决方法

如果问题是通过删除web字体来解决的,并且只在重新加载时间外发生;这可能是由刷新时间不一致引起的?例如,有时字体在元素计算之前被加载(良好的结果),有时候在后面(导致根据IE11标识为后备字体的边界显示边框).

猜你在找的HTML相关文章