120 — font-size defined twice
case study — FireFox / Chrome
different behavior.
A font-size is defined twice:
main.css:7 font-size: 10px;
main.css:85 font-size: 10pt;
And both FF, Chrome have (user agent)
h3 {
font-size: 1.17em;
}
The two screen shots below are showing that
Firefox choose the last def, and set font-size:13.33pt
Chrome choose the first def, and set font-size:11.7pt
Note:
- font-size @main.css:85 is defined in a media query block.
- both screen have a device-width >1000px.
@media screen and (device-width > 1000px) { body { font-size: 10pt; } }
FireFox

Chrome
