Webkit has a specific style property for that: -webkit-tap-highlight-color. Copied from: http://davidwalsh.name/mobile-highlight-color— /* light blue at 80% opacity */ html { -webkit-tap-highlight-color: rgba(201, 224, 253, 0.8); } /* change it for a div that has a similar background-color to the light blue tap color */ .blueDiv { -webkit-tap-highlight-color: rgba(251, 185, 250, 0.9); } If you … Read more
As per this official article on Chrome web, the proper way to set the height to fill the visible viewport is with height: 100%, either on the <html> element or on a position: fixed element. As the document describes, this ensures compatibility with mobile Safari and is independent of how large the URL bar is.
You can do it using remote debugging, here is official documentation. Basic process: Connect your android device Select your device: More tools > Inspect devices* from dev tools on pc/mac. Authorize on your mobile. Happy debugging!! * This is now “Remote devices”.