CODEWITHSUNDEEP
javascriptandroidjquery
Lucas Torres
Lucas Torres

Reputation: 222

Responsive images in jQuery Mobile Listview

I am using the example of clásico listview with thumbnails present in the jquery mobile documentation. But if I upload images with different sizes , they are not suitable for resolution. How to solve this?

The code: http://demos.jquerymobile.com/1.4.5/listview/#&ui-state=dialog

Upvotes: 0

Views: 596

Answers (1)

nanndoj
nanndoj

Reputation: 6770

You may use CSS max-width and max-height

li.ui-li-has-thumb img {
    max-width: 80px;
    max-height: 80px; 
}

or you can force the size you want:

li.ui-li-has-thumb img {
    width: 80px;
    height: 80px; 
}

Upvotes: 1

Related Questions