css3 calc

Question

我想将一个div居中做为main
宽度值为1200 但是为了做自适应 又不能写固定值 写百分比又不准确
如果是用clac去求宽度值能做到吗？ 应该怎么做？

Answer 1

...自适应不是不写宽度值 该写的还得写

比如你可以写 width 1200 但是限制max-width 100% 这样来约束最大宽度

Answer 2

width: calc(100% - XXpx);

自适应的话,flex布局比calc好吧。。

Answer 3

给个max-width:1200px;居中的话就margin:auto吧，或者flex

Answer 4

现在只能用 1200 / 屏幕可见宽 得出他的百分占比了

Answer 5

1、感觉你的思路有些饶了，如楼上说的，可以给个max-width:1200px，需要自适应则width:100%、display:flex等等,就可以实现了。不必用calc。
2、如果用calc 是可以的。通过 js获取宽度，然后操作dom

  <div id="div1"></div>

 let w = 100;//获取的值
 let div = document.getElementById("div1");
 div.style.width = 'calc(300px + ' + w + 'px)'; 

注意 calc(300px + + w+'px)';加号两边的空格是必须的。