title: background-color does not work properly on iphone
body: <p>I can't understand why on iphone I don't see the full background but it looks as if it cuts out!</p>
  <p>the purple part of the photo is a CANVAS, while the pink part is the background, I want on the iphone to rotate the screen and change the background but when I do the background does not take all the display and that little white piece remains! on anrdoid devices instead it works....</p>
  <p>IPHONE SCREEN:</p>
  <p><a href="https://i.stack.imgur.com/U0uOD.jpg" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/U0uOD.jpg" alt="enter image description here" /></a></p>
  <p>SAMSUNG SCREEN:</p>
  <p><a href="https://i.stack.imgur.com/jux4s.jpg" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/jux4s.jpg" alt="enter image description here" /></a></p>
  <p>this is the code i used on the css:</p>
  <pre><code> @media screen and (min-width: 320px) and (max-width: 667px) and (orientation: portrait) {
     html {
       transform: rotate(-90deg);
       transform-origin: left top;
       width: 100vh;
       height: 100vw;
       background: rgb(248, 184, 158);
       background: radial-gradient(
         circle,
         rgba(248, 184, 158, 1) 27%,
         rgba(210, 64, 49, 1) 70%
       );
       overflow-x: auto;
       position: absolute;
       top: 100%;
       left: 0;
     }
   }
  </code></pre>