这是这个问题的延续。我们可以从中心分散 div 框吗?但请继续放大框。
两个要求:
- 小分辨率(fi iPad)它保持集中;
- 它需要大分辨率(从左侧算起 20%)。
不幸的是left: -300px;
不起作用。这是一个例子。
代码:
<!DOCTYPE html>
<html>
<head>
<style>
#bg-rect-important {
background-color: #656565;
width: 100%;
position: absolute;
left:0; right:0;
min-width: 980px; /* max for iPad */
height: 263px;
}
#base-rect-lime {
background-color: lime;
height:400px;
width:940px;
position: relative;
margin: 0 auto;
}
</style>
</head>
<body>
<div class="bg-rect" id="bg-rect-important">
<div id="base-rect-lime"></div>
</div>
</body>
</html>