文字不停留在相同的位置

嘿傢伙只是得到了一些文字，我想知道爲什麼在某些決議時，當我縮小和放大瀏覽器不在同一個地方。它主要發生在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

文字不停留在相同的位置

回答

相關問題