Safari CSS width auto-calculation problem, odd solution shared

[toni-sharpe]

.safari_only can be .your-class - in my case I needed a map to not be 302px wide for no discernable reason at all. Here's the Stack Overflow with more in

Really just something to drop in - it needs all that and does work

/* Safari 10.1+ (2017) but not 17.1+ (2023) */
@media not all and (min-resolution:.001dpcm)
{ @supports (-webkit-appearance:none) {
  .safari_only {
    width: 154vh;
  }
}}

/* Safari 17.1+ yep you need both */
_::-webkit-full-page-media, _:future, :root .safari_only {
    width: 154vh;
}