差異190％和200％

Question

當我設置字體尺寸：200％

當我設置字體尺寸：190％：

我測試的Firefox和我找到了。

我不知道爲什麼 「FONT-SIZE：200％」，使得這些差異......

body { 
 
    font-size: 190%; 
 
    font-family: sans-serif; 
 
} 
 
input { 
 
    width: 300px; 
 
    padding: 5px 5px 12px 5px; 
 
    font-size: 25px; 
 
    border-radius: 5px; 
 
    border: 1px gray solid; 
 
} 
 
#wrapper { 
 
    margin: 0, auto; 
 
    width: 1000px; 
 
} 
 
lable { 
 
    width: 100px; 
 
    float: left; 
 
} 
 
.element-container { 
 
    margin-bottom: 5px; 
 
}

<div id="wrapper"> 
 
    <div class="element-container"> 
 
    <lable for="email">Email</lable> 
 
    <input type="text" name="email" id="email" placeholder="input the email here"> 
 
    </div> 
 
    <div class="element-container"> 
 
    <lable for="phone">Telephone</lable> 
 
    <input type="text" name="phone" id="phone" placeholder="input the phone number here"> 
 
    </div> 
 
</div>

Answer 1

你可以給它5 padding-right一％，這將移動遠離文字框。

lable { 
width: 100px; 
float: left; 
padding-right:5%; 
}