<p>Simple code, but in chrome font-size is always 12px, in IE it's 10px. For px larger than 12, it's ok to change. But for px under 12, it cant be changed....how to fix this?</p> <pre class="prettyprint"><code><html> <head> <style type="text/css" > body{ font-size: 10px; } div{ margin: 0 auto; border: 1px solid #000; width: 60em; } </style> </head> <body> <div> wrapper </div> </body> </code></pre> <p></p>

font-size 10px cant apply, always 12px

Tags:

css

google-chrome

internet-explorer

font-size

Simple code, but in chrome font-size is always 12px, in IE it's 10px. For px larger than 12, it's ok to change. But for px under 12, it cant be changed....how to fix this?

<html>
<head>
    <style type="text/css" >
    body{
        font-size: 10px;
    }
    div{
        margin: 0 auto;
        border: 1px solid #000;
        width: 60em;
    }
    </style>
</head>
<body>
    <div>
        wrapper
    </div>
</body>