Ios and android resolution

after some search i have find this solution to avoid iphone to zoom out images while in android they are ok.
i hope that this can help other developer…
in main form

componentDidMount() {
{{COMPONENT_DID_MOUNT_CODE}}

var viewport = document.querySelector(“meta[name=viewport]”);

var iOS_iphone = ( navigator.userAgent.match(/(iPhone)/i) ? true : false );

if (iOS_iphone==true){
    viewport.setAttribute('content', 'initial-scale=1.18, maximum-scale=1.18, user-scalable=no');
    }

if( navigator.userAgent.match(/Android/i)){ 
    viewport.setAttribute('content', 'width=device-width, initial-scale=1, maximum-scale=1, user-scalable=0');
    }
.....
1 Like

Nice. I actually didn’t know this was an issue. I need to get a test android device for testing purposes.