Thursday, 15 July 2010

html - Simple way to resize an image based on Screen resolution -



html - Simple way to resize an image based on Screen resolution -

i have searched solutions requirement , not yet found one.

i display images of 230(width)x 390(height) in html page on multiple mobile devices such iphone 4/5, ipad 3/4, , android devices.

currently image appears big on iphone4 , little on ipad3.

how display these images based on screen size?

it okay if means image stretched out on bigger screen , not clear.

using background-size:contain, background image of div stretch fill container.

background-size: contain;

html css image sizing

No comments:

Post a Comment