文字不停留在相同的位置

嘿家伙只是得到了一些文字，我想知道为什么在某些决议时，当我缩小和放大浏览器不在同一个地方。它主要发生在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; 
}

来源

2012-12-08 TheEagle

截图或演示将有所帮助。 – str

我有同样的问题 - 我有所有的像素设置，绝对定位，当我放大，文本改变一点，所以在包装结束的地方，它不会在同一个地方结束了。文本在缩放时跳转。这非常烦人，我无法弄清楚它为什么会发生。 –

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

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

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

来源

2012-12-08 23:35:12 Aljullu

是的，我知道这一点，但是当你缩小一个特定的时间，如果你明白我的意思 – TheEagle

我不能重现你所描述的内容。你可以张贴一些截图或演示？ – Aljullu

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

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

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

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

来源

2012-12-10 12:30:29

文字不停留在相同的位置

回答

相关问题