Shulou(Shulou.com)06/03 Report--

In this issue, the editor will bring you about how to solve the bold IE10 font width beyond the original container, the article is rich in content and professional analysis and description for you, I hope you can get something after reading this article.

Recently found that there is a menu displayed under the IE very strange, the font width beyond the original container, take a closer look at the css code, the font setting is not too large ah, and later found that the bold attribute to remove the normal. Further research found that IE was a maverick again.

The code is as follows:

The code is as follows:

Normal font 1

Bold font 2

Bolder font 3

This is shown in other geko browsers and in the following IE8:

Only IE 10 and above are as follows:

Please note that font 3 is much thicker than font 2.

The trouble is that when font-weight: bold; and tags are used at the same time, IE 10 is bold twice, while other browsers (including earlier versions of IE) are bold only once. There is nothing wrong with this semantic understanding, because it has been bolded twice, but from a practical and fault-tolerant point of view, one bold rendering is enough, and I believe it is rarely necessary to be so bold.

Of course, the simultaneous use of font-weight: bold; and tags should be avoided.

The above is the editor for you to share how to solve the bold IE10 font width beyond the original container, if you happen to have similar doubts, you might as well refer to the above analysis to understand. If you want to know more about it, you are welcome to follow the industry information channel.

Welcome to subscribe "Shulou Technology Information " to get latest news, interesting things and hot topics in the IT industry, and controls the hottest and latest Internet news, technology news and IT industry trends.