[問題] 想用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