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

shopping cart - Page redirect not working PHP -

php - How to modify a menu to show sub-menus -

python - Installing PyDev in eclipse is failed -