浏览器的像素大小不同

时间:2014-08-20 01:38:30

标签: html css html5 css3

如果您到http://www.claymation.azularis.com/work并查看搜索栏,则会出现一个文本框和一个搜索按钮。根据您查看的浏览器,文本框的高度与按钮的高度相同或更小。我试图弄清楚如何在所有浏览器中使它们均匀。

为什么会发生这种情况?我该如何解决这个问题?

举个例子,在Firefox中我使用Firebug测量提交按钮的大小时说:19 px。当我用铬测量时,它表示16px。我尝试设置min-height:19px;但是chrome仍然将其渲染为16像素。

1 个答案:

答案 0 :(得分:1)

尝试使用此前缀:

.buttonHeight
{
   height: 19px; // probably your code
   -webkit-height:19px; // for chrome and safari
   -o-height:19px; // for opera
   -moz-height:19px; // for firefox
}

对于IE,你可以祈祷......