定位独立于窗口的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

回答

相关问题