All fonts too small with bootstrap-3.0 -
in converting twitter bootstrap 2.3.2 3.1.1, , after working through several migration guides, find fonts small (around 75% of 2.3.2 size). doesn't seem have screen size (assessed on same screen, 1920x1080). according inspector (both safari , firefox), old , new should same font-size.
since universal fonts, seems there's global scaling going on, somewhere not revealed inspector. be? how can undo it?
web inspector example:
bs3 version:
<html> <body class="me"> <div class="jumbotron home-feature"> <div class="alert alert-info text-center"> <small>
styles in inspector:
small: type.less:85: font-size: 85%; small: normalize.less:159: font-size: 80%; (overridden) small: user agent stylesheet: font-size: smaller; inherited body.me: .me: me.css: font-size: 1em; (overridden) body: scaffolding.less:37: font-size: 14px; (overridden) inherited html: html: scaffolding.less:29: font-size: 62.5% (overridden)
bs2 version:
<html> <body class="me"> <div class="hero-unit home-feature"> <div class="alert alert-info text-center"> <small>
styles:
small: bootstrap.css:662: font-size: 85%; small: user agent stylesheet: font-size: smaller; inherited div.hero-unit.home-feature: .hero-unit: bootstrap.css:6120: font-size:18px (overridden) inherited body.me: .me: me.css:1: font-size: 1em; (overridden) body: bootstrap.css:224: font-size: 14px; (overridden) inherited html: html: bootstrap.css:68: font-size: 100%; (overridden)
i noticed html being overridden bootstrap scaffolding, applied css body instead of html
before changes:
html { font-size: 24px; }
after changes:
body { font-size: 24px; }
Comments
Post a Comment