Welcome to WebmasterWorld Guest from 54.167.82.170

Forum Moderators: bakedjake

Message Too Old, No Replies

Is image width of 100% acceptable for mobile viewing?

     

Sgt_Kickaxe

1:15 pm on Apr 30, 2011 (gmt 0)

WebmasterWorld Senior Member sgt_kickaxe is a WebmasterWorld Top Contributor of All Time 5+ Year Member



I'm creating a mobile version of a website and finding the images to be problematic. They all have a width="400" set and don't fit on mobile screens. In trying to find a way to show a different image size based on user agent it dawned on me that something like this might be easier, via css.

IMG {width:100%; max-width:400px;}

On the regular site they would remain unchanged but they would, and do, scale down to fit any mobile screen.

Is there anything I should be aware of with the above on a mobile screen? Are there any SEO implications or indexing issues related to using 100% width?

Sgt_Kickaxe

9:36 pm on Apr 30, 2011 (gmt 0)

WebmasterWorld Senior Member sgt_kickaxe is a WebmasterWorld Top Contributor of All Time 5+ Year Member



Perhaps I posted this in the wrong forum ?

Harry

5:09 am on May 5, 2011 (gmt 0)

WebmasterWorld Senior Member 10+ Year Member



Make you max width smaller than 400px. It's too large for some popular smartphones that are based on widths of 320px like older iPhone models.

Robert Charlton

6:03 am on May 24, 2011 (gmt 0)

WebmasterWorld Administrator robert_charlton is a WebmasterWorld Top Contributor of All Time 10+ Year Member Top Contributors Of The Month



Any way to put large images in divs that don't display in mobile style sheets?

graeme_p

7:34 am on Jun 1, 2011 (gmt 0)

WebmasterWorld Senior Member 5+ Year Member Top Contributors Of The Month



Yes you can using conditional CSS. Its not a good idea as most browsers will download the images anyway, so you are wasting bandwith on images that never show.
 

Featured Threads

Hot Threads This Week

Hot Threads This Month