定位獨立於窗口的div

您看到的圖片是網站的縮放屏幕截圖。你看到的線寬約爲1000px。如果你放大，de網站的大小會發生變化，除了線條的大小。所以這條線保持他的寬度，並推動網站不成比例。定位獨立於窗口的div

有沒有一種方法可以讓我可以設計這條線（它有一個div圍繞着他），它不會推動我網站的內容？

所以無論哪種方式，我正在尋找一種方法來使我的圖像變量的寬度（但我想你只能使用JS做到這一點），或者我尋找一種方法使這條線免疫縮放，所以它將不會推動我的網站的內容...

如果他們有什麼不清楚，請說出來，我會再試一次。我知道這不容易保持在這種特殊情況下:)

enter image description here

來源

2012-02-14 Michiel

代碼？瀏覽器？ – 2012-02-14 09:55:11

我從來沒有聽說過對變焦不敏感的元素。或者這是與瀏覽器有一個設置「縮放文本只」？ – 2012-02-14 09:59:49

@Truth，這個問題存在於每個瀏覽器中（在圖片的情況下，它是Firefox），我不能告訴你代碼（我會和老闆討論一些問題），我只是問是否有可能... – Michiel 2012-02-14 10:03:10

要忽略窗口只是做固定寬度和相對位置一個div＃包裝，現在所有孩子的將是相對#wrap的，那麼你可以調整窗口的大小，所有的div都是#wrap的相對值，中間#wrap只需設置margin：0 auto;

<style type="text/css" media="screen"> 
    #wrap { 
     width: 960px; 
     position: relative; /* here is the magic */ 
     /* overflow: hidden */ /* enable here if you ilke "crop" on width */ 
    } 
</style> 
<div id="wrap"> 
    <!-- YOUR CODE HERE --> 
</div>

來源

2012-07-12 05:55:05 GTSouza

定位獨立於窗口的div

回答

相關問題