Question

我在表单中有一个文本框。我已经给出了style =“width：370px;”在Firefox浏览时，它的对齐方式与此表单中的所有其他字段都是正确的。但在IE中，它需要增加一点，即380px。

那么我将如何根据浏览器给出该文本框的宽度？我知道这是可能的。但我不知道它是怎么回事？

有谁知道这个？

提前致谢

Answer 1

Answer 2

如果您正在使用JQuery，您可以使用jquery.browser来检测浏览器是否是IE（或任何其他记录良好的浏览器检测方法。那么如果IE，请设置侧面 $的document.getElementById（formelement）的CSS（宽度）。

虽然我建议进一步研究为什么你的表单元素在IE中没有对齐，并修复它而不是根据查看的浏览器动态调整表单元素的大小。

Answer 3

在js document.write(navigator.appCodeName);

上

在php echo array_shift(explode(' ', $_SERVER['HTTP_USER_AGENT']));

上

使用这些你可以切换css，但你有没有看过像Blueprint css这样的css框架

它包含类似

的内容

<link rel="stylesheet" href="blueprint/screen.css" type="text/css" media="screen, projection" />
<link rel="stylesheet" href="blueprint/print.css" type="text/css" media="print" />
<!--[if IE]><link rel="stylesheet" href="blueprint/ie.css" type="text/css" media="screen, projection" /><![endif]-->

你可以使用这个条件语句，也可以使用这个框架也不错。

如何根据浏览器使用javascript调整文本框的宽度

3 个答案: