html - 字体大小 190% 和 200% 之间的区别

Question

当我设置 font-size: 200%

当我设置 font-size: 190% 时:

我在firefox上测试了一下，找到了。

我不知道为什么“字体大小: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%;
}