Font-size on mobile device

Question

I set font-size: 12px on my body element. But on the mobile device some elements have a font-size of more than 12px (for example, element p). Why does this happen? How can this be fixed?

body {
   font: normal normal 400 12px/1.5 "Droid Sans", Helvetica, "Helvetica Neue", Arial, sans-serif;
}

.footer {
    background: #1d3057;
    padding: 15px 30px;
    color: #dedede;
    width: 100%;
    box-sizing: border-box;
}
. footer span {
   display: inline-block;
   white-space: pre;
   float: left;
   font-size: 12px;

}

Answer 1

You can use this solution:

* { max-height: 999999px; }