文本在不同浏览器中的大小不同

我确定以前有人遇到过这个问题，但我无法弄清楚，因为我猜测我不够清楚。文本在不同浏览器中的大小不同

我有一个表格。其中一个输入会附加一些JS，以便在用户键入（键盘）时，页面上其他位置的div会更新他们正在输入的内容。例如他们键入“你好”，它出现在下面的div。

我不想div更新得到任何大于900px宽，只有一个文本行高。

当时我有隐藏溢出的div，所以任何多余的文本消失，我也有input设置的maxlength，所以它不能太大。然而，由于不同的浏览器空间文本不同，在一些浏览器中，它允许（例如）10个字，在其他浏览器中允许11.

我已经完成了CSS重置的事情，相同但文字的间距似乎不太受影响。

是我唯一的选择，试图使用CSS来使字符之间的间距相同的浏览器？

任何人都可以提出任何替代方案吗？

编辑

这里是我使用的CSS复位：

html{color:#000;background:#FFF}body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,button,textarea,select,p,blockquote,th,td{margin:0;padding:0}table{border-collapse:collapse;border-spacing:0}fieldset,img{border:0}address,button,caption,cite,code,dfn,em,input,optgroup,option,select,strong,textarea,th,var{font:inherit}del,ins{text-decoration:none}li{list-style:none}caption,th{text-align:left}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal}q:before,q:after{content:''}abbr,acronym{border:0;font-variant:normal}sup{vertical-align:baseline}sub{vertical-align:baseline}

我使用的字体是宋体32PX

来源

2011-10-21 crazy sarah

你正在使用什么CSS重置页面？ – Whetstone

文本在不同的浏览器中看起来总是不一样......你是否在使用像素来处理'font-size'？ – jackJoe

fyi在一个完全无关的点：http://whattheheadsaid.com/2010/09/effectively-detecting-user-input-in-javascript –

你的CSS复位是一个非常不好的一个。它修复了很多显示问题，但没有解决文本大小问题，因此对于这个问题没有用处。您可以找到更全面的here，但更改重置页面可能会产生意想不到的效果。我会建议使用一些检查工具来检查是否有填充或边距缩小可用大小以写入文本，如果没有，则设置文本的所有方面以使其始终呈现。

来源

2011-10-21 16:18:08 Whetstone

嘿，谢谢你的工作。事情看起来现在。再次感谢:) –

没问题！您是否介意详细说明哪些部分为未来的Google员工工作？ – Whetstone

是的，我只是将css重置（在原来的Qu中）与链接上的css进行了交换，您很友善地建议并重击！ :)我不确定究竟是什么区别，因为在那里有一些我不认识的命令。在新的CSS中重置旧版浏览器有什么用处？ –

文本在不同浏览器中的大小不同

回答

相关问题