[问题] 想用calc去运算单位为vw的数值

楼主: red0whale (red whale)   2017-11-11 10:05:46
我想用CSS的calc函数去运算单位为vw的数值
虽然现在的浏览器都支援这样的算式
但是稍微旧一点点 (不算太旧)的Chrome有个Bug,就是不能用calc去运算单位vw或vh之类
viewport的单位
如果我今天有个属性如下:
width: calc(100vw - 12px);
为了让大部分用户都能接受这样的写法
请问我可以用什么替代方案?
注:父元件宽度并非100vw,所以用“width: calc(100% - 12px);”不是预期的结果。
作者: miyabichiku (chiku)   2017-11-11 11:42:00
有程式码吗?不然不知道架构讲了你可能也试出不一样的结果
作者: erozak (45)   2017-11-11 11:58:00
用100vw配合margin或 transform: translateX 调整看看。上面看错你要的效果。如果可以变动htnl结构的话,外面可以先包一层100vw配合padding 调整,内层用width: 100%就有了

Links booklink

Contact Us: admin [ a t ] ucptt.com