html - Font size very small in firefox -
i have created website had wanted heading <h1>
adjust size along width of <header>
. used vw
property this. property not working in firefox font size being shown on there small.
you can see in fiddle mean. if run fiddle in firefox, see small sized fonts.
body { background: white; font-family: "myriad pro"; size: 12px; color: #323232; } header { position: relative; width: auto; height: auto; max-height: 239px; min-height: inherit; background: #d1d2d4; overflow: hidden; } header h1 { font-family: "arial"; font-size-adjust: 0.10; font-size: 5vw; color: black; position: absolute; left: 13.5%; top: 25%; } header p { font-family: "myriad pro"; font-size-adjust: 0.10; font-size: 2vw; color: #404041; position: absolute; left: 13.5%; top: 64%; letter-spacing: 2pt; }
<header> <img src="images/logo.png" style="margin-left:2.5%; margin-top:2.5%; width:10%; height:inherit;" /> <h1 style="">website®</h1> <p>welcome website!</p> <img src="http://tinyurl.com/ku6cgpy" style="align: right; float:right; width:40%; height:auto; overflow-style:auto; overflow:visible;" /> </header>
can tell me doing wrong?
remove font-size-adjust: 0.1
css
here fiddle
Comments
Post a Comment