What's IOS Safari maximum webpage width limitation (showing error --> a problem repeatedly occurred)

Question

IOS Safari is crashing on my website's home page in 2022 on latest ios. I can't figure out the exact problem. My home page is currently a desktop only site which loads quick and nicely on android and windows but shows an error (a problem repeatedly occurred) in ios 14-15. Previous ios versions wasn't showing the error. Fun fact I have the same code plus additional media query code for small devices with little bit reduction in main div's width. The pages with working media queries are not crashing on safari. I don't believe that just reduction of total page width from 3554px to 2358px can fix the error. Safari should be more than capable for this much width. There should be some other problems causing this error. I tried removing CSS animations and transform scale but didn't help. Anyone knows about this problem and how to fix this please I need help ... thanks in advance ...

CSS

#Web_1920__1 {
position: absolute;
width: 3554px;
height: 2346px;
border: 0px grey solid;
background-color: rgba(255,255,255,1);
overflow: visible;
--web-view-name: Web 1920 – 1;
--web-view-id: Web_1920__1;
--web-scale-to-fit: true;
--web-scale-to-fit-type: width;
--web-scale-on-resize: true;
--web-center-horizontally: true;
--web-enable-deep-linking: true;
}
@media only screen and (max-width: 615px)
{   
#Web_1920__1 
{
    position: absolute;
    background-color: rgba(0,0,0,0);
    width: 2358px;
    height: 5216px;
    overflow: visible;
}}

Those variables are for javascript and I think they're not causing the mentioned problem in the title ...

Answer 1

the problem is because the width and height are too large.
try using 375px width and 600px height