1

嘿，伙计们刚刚收到了一些文字，我想知道为什么在某些分辨率下，当我在浏览器中缩小和放大时不会停留在同一个地方。它主要发生在 Firefox 中。

        <div class = "hello">
            <p>Hello This is just an example of what should go in here. When   youi move down to the bottom you will see what you need 2 enter. .</p>
        </div>

下面是我用来控制它的css。

.hello
{
position:absolute;
top: 210px;
width:37em;
text-wrap:none;
text-align: left;
font-size: 16px;
}
4

2 回答 2

0

问题在于您的绝对最高定位。如果你使用这个 CSS：

    <style>
        .hello {position: absolute; width: auto;}
        .hello p {word-wrap:none; font-size:16px;}
    </style>

您会注意到 DIV 保持在同一个位置，只是行距和字体大小增加了。如果您希望您的 DIV 保持在完全相同的位置，您将需要使用position: fixed;

也不text-wrap:none;是您应该使用的有效 CSS 参数word-wrap:none;。

于 2012-12-10T12:30:29.407 回答
0

当您放大或缩小（Ctrl + 或 Ctrl -）时，页面上的所有内容都会更改其大小。所以，不仅font-size变大了，top距离也变大了。

当用户在其浏览器首选项中更改默认字体大小时，可以实现您想要的行为。

使用 Ctrl + 和 Ctrl - 获得此行为的唯一方法是使用 JavaScript 捕捉浏览器的缩放并top正确修改距离。但是，我认为这不是一个好主意，因为 Ctrl + 和 Ctrl - 对于有一些视觉问题的人特别有用，并且它们是所有浏览器中的标准行为。

于 2012-12-08T23:35:12.013 回答