作者red0whale (red whale)
看板Web_Design
标题[问题] 想用calc去运算单位为vw的数值
时间Sat Nov 11 10:05:46 2017
我想用CSS的calc函数去运算单位为vw的数值
虽然现在的浏览器都支援这样的算式
但是稍微旧一点点 (不算太旧)的Chrome有个Bug，就是不能用calc去运算单位vw或vh之类
viewport的单位
如果我今天有个属性如下：
width: calc(100vw - 12px);
为了让大部分用户都能接受这样的写法
请问我可以用什麽替代方案？
注：父元件宽度并非100vw，所以用「width: calc(100% - 12px);」不是预期的结果。
--
※ 发信站: 批踢踢实业坊(ptt.cc), 来自: 114.44.0.41
※ 文章网址: https://webptt.com/cn.aspx?n=bbs/Web_Design/M.1510365949.A.4C7.html
1F：→ miyabichiku: 有程式码吗？不然不知道架构讲了你可能也试出不一样 11/11 11:42
2F：→ miyabichiku: 的结果 11/11 11:42
3F：→ erozak: 用100vw配合margin或 transform: translateX 调整看看。 11/11 11:58
4F：→ erozak: 上面看错你要的效果。如果可以变动htnl结构的话，外面可以 11/11 12:16
5F：→ erozak: 先包一层100vw配合padding 调整，内层用width: 100%就有了 11/11 12:16