缩放页面时禁用div背景大小页面

我有一个网页，其中包含4个不同的div元素设置在列中。页面没有滚动，所以所有的内容都在屏幕上。我的问题是如何在缩放内容时禁用div backrounds缩放，因为它会损坏页面结构。因为我正在使用不同的背景大小，导致媒体查询，因此应该在eveycase中工作。无论如何，我的第一个问题是可能的，它会在IE8中工作。缩放页面时禁用div背景大小页面

CODE：

<div id="container"> 
    <div id="div1"></div> 
    <div id="div2"></div> 
    <div id="div3"></div> 
    <div id="div4"></div> 
</div> 

<div id="container"> 
    <div id="div1"></div> 
    <div id="div2"></div> 
    <div id="div3"></div> 
    <div id="div4"></div> 
</div>

#container { 
    display: table; 
    width: 100%; height:100%; 
    border-spacing: 1px; 
    background-color:black; 
    margin-left:auto; margin-right:auto; 
} 

#container > div { 
    display: table-cell; 
    padding:0px; 
} 

body,html{ height:100%; width:100%; overflow:hidden; } 

#div1{ position:relative; 
     background-image:url(../images/bg/left.jpg); 
     background-size: cover; 
    background-repeat:no-repeat; 
    } 
#div2{height:100%; 
    background-image:url(../images/bg/center.jpg); 
    background-size: 100% 100%; 
    background-repeat:no-repeat; 
    position:relative; 
    } 

#div3{height:100%; 
    background-image:url(../images/bg/right.jpg); 
    background-repeat:no-repeat; 
background-size:cover; 
    position:static;  
    } 

#div4{ height:100%; 
    background-image:url(../images/bg/right2.jpg); 
    background-repeat:no-repeat; 
background-size:100% cover; 
position: static; 
background-repeat:no-repeat; 
    }

来源

2013-08-18 Tomi87

我不认为你可以做到这一点。尝试阅读此：http://stackoverflow.com/questions/6458793/can-i-stop-the-resizing-of-elements-on-zoom – Itay

为了使缩放（里面可是没有内容）的DIV大小不变请执行以下操作：
里面你的CSS为DIV：

最小宽度：100％;
max-width：100％;

这会冻结宽度，你也可以对高度做同样的事情。

来源

2014-02-05 14:28:53

缩放页面时禁用div背景大小页面

回答

相关问题