html - IE10字体大小偏离了1px。怎么修？

因为只有1像素，所以我无法确定它是按钮旁边的文本框还是按钮本身。所以我要截屏并用测量工具查看它。从那里，我将看一下firefox调试器，即调试器，以了解1px的误差。

但是我希望有人可能对导致这种情况的原因有所了解。

这是违规元素，即（28 px）



这是在FF，Chrome等中正确显示的位置。（27 px）

 

http://www.arcmarks.com

这是按钮的CSS：

#ue_but_new{
  position: absolute;
  padding:  8px 6px 7px 6px;
  text-decoration:  none;
  cursor:  pointer;
}

p.small_white{
  font-size:    10px;
  color:        #ffffff;
}

.blue_but{
  color:       #ffffff;
  border:      1px solid #057ed0;
  background:  -moz-linear-gradient(top, #31baed, #019ad2);
}

最佳答案

如果您将元素大小基于文本大小，则它在不同的浏览器，不同的系统，不同的设置等之间始终会有所不同。

在元素上设置特定的行高，而不是从文本高度开始填充：

#ue_but_new{
  position: absolute;
  line-height: 25px;
  padding: 0 6px;
  text-decoration: none;
  cursor: pointer;
}