最近發(fā)現(xiàn)有個(gè)菜單在 IE 下面顯示得非常怪異，字體寬到超出原本的容器，仔細(xì)看了下 css 代碼，字體設(shè)置得也不算大啊，后來發(fā)現(xiàn)把加粗屬性去掉就正常了 。深入一步研究發(fā)現(xiàn)原來又是 IE 特立獨(dú)行了 。
代碼如下：
復(fù)制代碼代碼如下:
p Normal font 1 /p
pb Bold font 2 /b/p
p style="font-weight: bold;"bBolder font 3/b/p
在其他 geko 瀏覽器和IE8以下中顯示是這樣的：
唯獨(dú)IE 10 及以上是這樣的：
請(qǐng)注意 font 3 比 font 2 粗了很多 。
作祟的是： font-weight: bold; 和 b 標(biāo)簽同時(shí)使用時(shí)，IE 10 的處理是加粗兩次，而其他瀏覽器（包括較早版本的IE）則只加粗一次 。這個(gè)從語義上理解也無可厚非，因?yàn)榈拇_是加粗了兩次，但是從實(shí)用角度及容錯(cuò)角度來看，加粗渲染一次足以，相信很少有需要加這么粗的 。
當(dāng)然啦，這種 font-weight: bold; 和 b 標(biāo)簽同時(shí)使用的寫法是應(yīng)該避免的 。
推薦閱讀
- 做引體向上用什么手套
- Win8開始屏幕上IE10的磁鐵圖標(biāo)不見了如何恢復(fù)IE10默認(rèn)瀏覽器
- 如何在微信上開直播間
- Vscode設(shè)置向上拆分窗口方法介紹
- 如何將鈴聲轉(zhuǎn)到卡上
- 駕駛證沒有滿一年上高速會(huì)怎么
- 沒有臨時(shí)牌照的車可以上路嗎
- 20秒鐘，任意LOGO任意寫.
- 如何在表格上面添加文字
- 零上1度會(huì)不會(huì)有霜凍