search

AnsonH / plinko-game

A Plinko game built with Svelte
https://plinko-web-game.netlify.app/
15 stars 6 forks source link

On phones with smaller resolutions, the width of the box at the bottom is not consistent #14

Closed denzhe22 closed 2 months ago

denzhe22 commented 2 months ago

img

Hi， I found that on the phone with a smaller resolution, the width of the box at the bottom was inconsistent, I tried to modify it, and found that it did not work. Is there a proper way to solve this?

AnsonH commented 2 months ago

Hi there, this issue does not happen on my newer iOS device (iPhone 13 running iOS 17).

That's because I'm using CSS clamp() in the bin row (code here) to dynamically compute the font size based on viewport width. Seeing the browser compatibility table, are you using Safari version of <13.4?

AnsonH commented 2 months ago

Won't be fixing this issue since clamp() is already have a [support rate of 96.3% globally](https://caniuse.com/?search=clamp()).