この質問の続きです。センターから div ボックスを分散できますか? しかし、ボックスにズームしてください。
2 つの要件:
- 小さな解像度 (i iPad) は一元管理されます。
- 大きな解像度がかかります(左側から fi 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>