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>

the fiddle

can tell me doing wrong?

remove font-size-adjust: 0.1 css

here fiddle


Comments

Popular posts from this blog

asp.net mvc - SSO between MVCForum and Umbraco7 -

Python Tkinter keyboard using bind -

ubuntu - Selenium Node Not Connecting to Hub, Not Opening Port -