在具有相同系统的不同计算机上，同一版本的Firefox中的页面看起来有所不同

Question

I asked that question before but with a little dose of irony in relation to Firefox and without any example, so my question was downvoted and I have requested to remove that. 我之前曾问过这个问题，但是对Firefox有点讽刺，没有任何示例，因此我的问题被否决了，因此我要求删除它。

Now I have example of my problem. 现在我有我的问题的例子。 That take some time to get rid of all ASP.NET crap and make that example readable so I will really appreciate any help. 这需要一些时间来摆脱所有ASP.NET废话，并使该示例易于阅读，因此我将非常感谢您的帮助。

That site: 该站点：

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
    <head>
        <meta http-equiv="content-type" content="text/html; charset=UTF-8">
        <meta http-equiv="X-UA-Compatible" content="IE=EmulateIE7">
        <style type="text/css">
            body {
                font-family:arial, tahoma, sans-serif;
                font-size:12px;
            }

            .riTextBox {
                border:1px solid #aeaeae;
                padding:2px 0 2px 1px;
                font:11px arial,sans-serif;
                width: 70px;
            }

            .something {
                border: 0pt none;
                height: 1px;
                width: 1px;
            }
        </style>
    </head>
    <body>
            <div class="WizardInput" style="width: 300px;"> 
                <div>
                    <span style="display:inline-block;width:60px;">USD $</span>
                    <span style="white-space:nowrap;"><input class="riTextBox" type="text"><input class="something" type="text"><input class="something" type="text"><input type="hidden"></span>
                    <span style="white-space:nowrap;"><input class="riTextBox" type="text"><input class="something" type="text"><input class="something" type="text"><input type="hidden"></span>
                    <span style="white-space:nowrap;"><input class="riTextBox" type="text"><input class="something" type="text"><input class="something" type="text"><input type="hidden"></span>
                </div>
            </div>
    </body>
</html>

Looks like that on my computer: 在我的计算机上看起来像这样：

我的Firefox 5

And looks like that on others computers (here my gf computer): 在其他计算机（这里是我的gf计算机）上看起来像这样：

她的Firefox 5

The difference is about 1px, when I change 300px to 299px then it is crashed everywhere. 区别大约是1像素，当我将300像素更改为299像素时，它到处都会崩溃。

Anybody have an idea? 有人有主意吗？ It is really hurtful for me, because I need to test sites at my work on Firefox. 这对我来说真的很痛苦，因为我需要在Firefox上测试网站。

Answer 1

Reset the text zoom to a standard value. 将文本缩放重置为标准值。

I'd also confirm that there isn't a network/linkage issue that is somehow interfering with a stylesheet. 我还要确认不存在以某种方式干扰样式表的网络/链接问题。

Answer 2

Here's a fiddle (I tried with width: 301px and it seems to work FF5): 这是一个小提琴（我尝试了宽度：301px，似乎可以使用FF5）：

http://jsfiddle.net/XUZSF/ http://jsfiddle.net/XUZSF/

It seems that it should fit: 似乎应该适合：

60 + 77 + 77 + 77 ==> 291 60 + 77 + 77 + 77 ==> 291

But frankly doesn't. 但坦率地说不是。 It could be the way that text inputs are implemented... Not sure why you don't just use white-space:nowrap on the parent div instead? 可能是实现文本输入的方式...不知道为什么不只在父div上使用white-space：nowrap吗？

Here's width 300 with white-space nowrap on the parent div isntead: 这是宽度300，父div istead上带有空白nowrap：

http://jsfiddle.net/EKGk4/ http://jsfiddle.net/EKGk4/

在具有相同系统的不同计算机上，同一版本的Firefox中的页面看起来有所不同

问题描述

2 个解决方案

解决方案1
1 2011-07-29 18:55:47

解决方案2
0 2011-07-29 21:51:39

在具有相同系统的不同计算机上，同一版本的Firefox中的页面看起来有所不同

问题描述

2 个解决方案

解决方案1 1 2011-07-29 18:55:47

解决方案2 0 2011-07-29 21:51:39

解决方案1
1 2011-07-29 18:55:47

解决方案2
0 2011-07-29 21:51:39