Css transform scale is not working on iPad

1

Hi,

I have strange problem with scaling html element. I have a div with some content and I want to scale it when it has particular class. Everything is working when I test the app on desktop. However, when I test the app on iPad, scaling is not working.

.hotspot {
    transform: scale(1);
}

.zoom-1 .hotspot {
    transform: scale(2);
}
2

Add the browser specific styles too:

.hotspot {
    -ms-transform: scale(1); /* IE 9 */
    -webkit-transform: scale(1); /* Chrome, Safari, Opera */
    transform: scale(1);
}

.zoom-1 .hotspot {
    -ms-transform: scale(2); /* IE 9 */
    -webkit-transform: scale(2); /* Chrome, Safari, Opera */
    transform: scale(2);    
}
1 Like
3

Silly me, I thought webview don’t need prefixes. Thanks!