某些浏览器中的文本字段明显更大

Question

我的页面中有以下文字字段：

<input class="message" id="message" name="message" type="text" size="65" />

出于某种原因，在最新的FireFox for OS X中它比最新的Chrome（mac / pc）FireFox（pc）和IE（pc）大约200像素

有关我如何解决此问题或为何发生这种情况的任何建议？

Answer 1

发布你的CSS。

但是，无论如何，我认为您的修复是添加此规则

    width: 300px; /* change size accordingly */

到

#message {

或

.message {

并删除尺寸

<input class="message" id="message" name="message" type="text" />

Answer 2

通过style或class：

指定维度

<input class="message" id="message" name="message" type="text" style="width:200px;" />

Answer 3

浏览器通常以不同的方式呈现表单元素（并且它也因操作系统而异）。如果您希望表单元素看起来相同，则使用CSS设置样式。在这种情况下，只需在css中添加一个宽度，如下所示：

input {
  width: 200px }
}

Answer 4

如果您正在使用ASP，则可以使用Request.ServerVariables（“http_user_agent”）方法获取浏览器和操作系统信息，并将变量（最终成为消息文本对象的size属性）设置为较小的大小

Answer 5

浏览器在DOM上呈现不同元素的方式不同;在项目启动中，您认为您的站点在所有浏览器中应该看起来完全相同，Web设计人员使用的一种常见方法是编写reset.css文件。此文件将大多数已使用的DOM元素的属性设置为标准值。