Resizing Images For Smartphones

Get Started
1

Hi,

I am trying to resize images for smartphones such as the iPhone. When I view my site on a phone the images fail to resize. I have this code in my CSS. I am wondering though whether it is not specifically images that is causing the problem.

img {
    width: 100%;
max-height:100%;
border: none;
}
2

No, it will not be the images it’s definitely your CSS.

“img 100%” tells the browser to scale the image to fill all of the <div> that surrounds it.

Have you seen the Skeleton boiler plate system? It’s a ready made blank template
that automatically scales images and arranges text to fit any display screen.