我有一个管理面板。侧面有一列。我想将客户端宽度更改为100%-480像素。 (边栏宽度)。这个决定有多愚蠢? ;)我需要以自适应模式显示内容。
两个例子:
function changeSize(id, col) {
var el = document.getElementById(id);
if (el) {
el.style.width = (document.body.clientWidth - col) + "px";
}
}
changeSize("new", 480);
.page {
width: 100%;
background: #eee;
padding: 0;
margin: 0;
}
.panel {
width: calc(100% - 480px);
padding: 10px 0;
background: #fff;
}
#new {
padding: 10px 0;
background: #fff;
}
<div class="page">
<div class="panel">
Panel 1
</div>
<br />
<div id="new">
Panel 2
</div>
</div>