国产探花免费观看_亚洲丰满少妇自慰呻吟_97日韩有码在线_资源在线日韩欧美_一区二区精品毛片,辰东完美世界有声小说,欢乐颂第一季,yy玄幻小说排行榜完本

首頁 > 開發 > CSS > 正文

粗上加粗的IE10字體寬到超出原本的容器

2024-07-11 08:27:47
字體：大 中 小
來源：轉載
供稿：網友
最近發現有個菜單在 IE 下面顯示得非常怪異，字體寬到超出原本的容器，仔細看了下 css 代碼，字體設置得也不算大啊，后來發現把加粗屬性去掉就正常了。深入一步研究發現原來又是 IE 特立獨行了。

代碼如下：

復制代碼
代碼如下:
<p> Normal font 1 </p>
<p><b> Bold font 2 </b></p>
<p style="font-weight: bold;"><b>Bolder font 3</b></p>

在其他 geko 瀏覽器和IE8以下中顯示是這樣的：
 
唯獨IE 10 及以上是這樣的：
 
請注意 font 3 比 font 2 粗了很多。

作祟的是： font-weight: bold; 和 <b> 標簽同時使用時，IE 10 的處理是加粗兩次，而其他瀏覽器（包括較早版本的IE）則只加粗一次。這個從語義上理解也無可厚非，因為的確是加粗了兩次，但是從實用角度及容錯角度來看，加粗渲染一次足以，相信很少有需要加這么粗的。

當然啦，這種 font-weight: bold; 和 <b> 標簽同時使用的寫法是應該避免的。

發表評論 共有條評論
用戶名: 密碼:
驗證碼: 匿名發表
主站蜘蛛池模板： 年辖：市辖区| 塔城市| 来宾市| 五大连池市| 鄂州市| 铜梁县| 镇雄县| 江都市| 广西| 资源县| 综艺| 吴忠市| 黑河市| 长葛市| 澎湖县| 英吉沙县| 根河市| 囊谦县| 旬邑县| 汕尾市| 右玉县| 大庆市| 云南省| 沙雅县| 博爱县| 株洲县| 昭通市| 石泉县| 客服| 龙井市| 鲁山县| 西峡县| 贵定县| 英吉沙县| 郧西县| 渝中区| 手机| 兴国县| 绥德县| 兴仁县| 高尔夫|