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

Javascript 不同浏览器中的文本大小不同,javascript,html,css,Javascript,Html,Css,我肯定以前有人有过这个问题,但我想我知道的还不够多,所以我没弄明白 我有一张表格。其中一个输入附加了一些JS,因此当用户键入(keyup)时,页面上其他地方的div会更新他们键入的内容。e、 g.他们键入“hello”,它出现在下面的div中 我不希望更新后的div的宽度大于900px,并且只有一行文本高 现在我有div,溢出隐藏,因此任何额外的文本都会消失,而且我还有输入的maxlength设置,所以它不会太大。但是,由于不同浏览器的文本间距不同,因此在某些浏览器中允许(例如)10个单词,在其

我肯定以前有人有过这个问题,但我想我知道的还不够多,所以我没弄明白

我有一张表格。其中一个输入附加了一些JS,因此当用户键入(keyup)时,页面上其他地方的
div
会更新他们键入的内容。e、 g.他们键入“hello”,它出现在下面的
div

我不希望更新后的
div
的宽度大于900px,并且只有一行文本高

现在我有
div
,溢出隐藏,因此任何额外的文本都会消失,而且我还有
输入的
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}

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

您使用的css重置页面是什么?文本在不同的浏览器中看起来总是不同的。。。您是否使用像素作为
字体大小
?仅供参考,有一点完全不相关:@Whetstone-我添加了css重置。我是这样一个管状体,我把字体弄错了。是Arial@杰克乔,我在用pxHey,谢谢,效果很好。事情看起来很好。再次感谢:)没问题!你介意详细说明一下什么部分对未来的谷歌有用吗?是的,我刚刚把我的css重置(在原始的Qu中)与你建议的链接上的css进行了交换,然后砰的一声:)我不确定到底有什么区别,因为里面有些命令我不认识。这与新css中旧浏览器的重置有关吗?css重置的要点是重置各个浏览器默认设置的所有属性。你的重置页面很棒,但它没有重置文本格式。