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

时间:2011-10-21 15:01:38

标签: javascript html css

我确定之前有人遇到过这个问题,但我无法理解,因为我猜我还不够了。

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

我不希望更新的div大于900px宽,只有一个文本行高。

在我忘记溢出的div时,所以任何额外的文本都会消失,我也会maxlength设置input,所以它不会太大。但是,由于不同的浏览器对文本的空间不同,在某些浏览器中它会允许(例如)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

1 个答案:

答案 0 :(得分:0)

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

相关问题