Mobile front end: pits and pits

1. Page Height Rendering error

Pit: The bottom part of the page is coincident with the browser navigation bar

Pits: Reset Height

Document.documentElement.style.height = window.innerheight + ' px ';

2, Transform encounter fuzzy

Pits: In Android, when an element or its parent element is applied transform, the element settings Border-radius become blurred

Pits: Zoom in and zoom out first

Body{padding:20px;background:purple;-webkit-transform:translate3d (0px, 0px, 0px);}. Ball2{width:100px;height:100px;border-radius:50px;margin-top:20px;background: #fff;-webkit-transform-origin:0 0;-webkit-transform:scale (0.5, 0.5);-webkit-backface-visibility:hidden;}

Mobile front end: pits and pits