iOS Image max width 100%


#1

Hi I want to open a thumbnail in a full view popup. I’ve added an IMG tag with width=100%
On android image is scaled and fits the screen. On iOS instead it still maintain its original size. Any reason or workaround? Thanks. Luigi


#2

Try min-width: 100%; if you’re using css or inline style=“min-width: 100%;”


#3

Thank you, actually what worked was

.fullview {
    width:100%;
    max-width:100%;
}

For everybody interested the full code is

    $$('.clickImage').on('click', function (e) {
                        e.stopImmediatePropagation();
                        e.preventDefault();
                        var img = $$(this).attr('my-src');
                        var popupHTML = '<div class="popup">'+
                                            '<div class="content-block">'+
//                                             '<p>Popup created dynamically.</p>'+
                                            '<img class="fullview" src="'+img+'">'+
                                            '<p class="textRight"><a href="#" class="close-popup">Close</a></p>'+
                                            '</div>'+
                                        '</div>';
                        myApp.popup(popupHTML);                        
                    });