Get Even More Visitors To Your Blog, Upgrade To A Business Listing >>

Css Image Handling without using media queries

Css Image Handling without using media queries

Problem

Can anyone please let me know how to handle the images sizes(width and height) in all the ways such as potrait and landscape views for laptops, pc's, ipad and mobile screens. but without using the Media Queries.

One time I use to get larger images and some time I am getting smaller images, but I want to show all the images of same size using only normal css without using any Media queries.

Please do the needful.

Problem courtesy of: user1409364

Solution

Usually it is preferred that the image resolution should be responsive for responsive layouts... it means that image size should be width:100% and height:auto in css and same for html, image will arrange on any of the screens....

Remember to add this line on the head tag above on your page:-

Solution courtesy of: SaurabhLP

Discussion

View additional discussion.



This post first appeared on CSS3 Recipes - The Solution To All Your Style Problems, please read the originial post: here

Share the post

Css Image Handling without using media queries

×

Subscribe to Css3 Recipes - The Solution To All Your Style Problems

Get updates delivered right to your inbox!

Thank you for your subscription

×