跨浏览器的字母间距

Question

我有这是造成盒/输入框，以在不同的浏览器，特别是Safari和铬是断开跨浏览器字母间隔一个巨大的问题。

作为图所示，一个被揉成一团而其他看起来正常。有没有人有任何修复？

font-family: 'Arial Narrow', Arial, sans-serif; 
font-size:13px; 

Answer 1

我之所以提出这个问题，是因为我有一个网站，有：

<div style="width:300px">Text: <input width="260px" /></div> 

所以发生了什么事时，该文本将结束是几个像素在不同的浏览器中更长时间，抛弃输入框多长时间的结束。

它已经到了我的注意，不同的浏览器将不可避免地导致某些字体的方式略有不同，并没有真正的周围没有工作字母间距。

所以，不是改变字间距，使匹配的输入框的 - 我所做的输入框中填写它与一个百分比，而不是像素长度内的div的剩余空间。这样，每个输入框在所有浏览器中的相同点处结束并最终匹配。

感谢您的帮助。

我怎么做的：

HTML：

<div style="width:300px"> 
    <label>Text:</label> 
    <span><input /></span> 
</div> 

CSS：

label { float: left; } 
span { display: block; overflow: hidden; } 
input { width: 100%; }