如何使用纯CSS进行calc(100vh * calc(100vw / 800))?

时间:2018-08-21 23:32:39

标签: css math

我有一个页脚,该页脚会固定在页面底部的高度100%。当我缩小桌面浏览器时,即使主要内容位于顶部,页脚仍位于底部,但100%正在调整。我在移动设备上尝试了相同的代码,假设屏幕为425x716,100%为屏幕高度,即716。然后如果缩小,则高度不会更新,而是保持在716。

页面宽度始终为800px。我要计算425/800的缩放比例,即100vw / 800。然后我可以做716 * ratio,即100vh * ratio。那会给我缩小的高度。

基本上,我需要执行calc(100vh * calc(100vw / 800)),但乘法运算要求边之一是数字。

0 个答案:

没有答案