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

jquery - How do you format the date used in the popover widget title of FullCalendar? -

Bubble Sort Manually a Linked List in Java -

asp.net mvc - SSO between MVCForum and Umbraco7 -