Javascript CSS/JS备用方案或vw装置计算的替代方案

我正试图找到一种使用vw单元实现calc的替代方法，因为这在Safari/mobSafari中还不受支持（当我谈到这一点时，可能也是IE）。我已经建立了一个简单的示例来展示Safari的不同之处。我用JS进行了一次狂欢（没有成功），但没有成功。任何指向正确方向的指针都值得赞赏——如果有一个可能的替代方案通过CSS，那将是完美的

---

它基本上是以跨浏览器支持的方式重新创建

left:calc（-50vw+50%）

。

Safari支持

vw

单位。您遇到了什么问题？不幸的是，calc没有问题-如果您检查小提琴中的元素，您将看到Safari中禁用了calc规则为什么您甚至需要

calc（）

？如果您希望该图像为视口宽度的100%，只需将其设置为

100vw

和

left:0

。div是相对定位的，需要从父容器中分离出来以跨越整个宽度。图像的最大宽度为100%，并随视口缩放