homepage Welcome to WebmasterWorld Guest from 54.166.111.111
register, free tools, login, search, pro membership, help, library, announcements, recent posts, open posts,
Become a Pro Member

Home / Forums Index / Hardware and OS Related Technologies / Smartphone, Wireless, and Mobile Technologies
Forum Library, Charter, Moderators: bakedjake

Smartphone, Wireless, and Mobile Technologies Forum

    
Is image width of 100% acceptable for mobile viewing?
Sgt_Kickaxe




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

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




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

Perhaps I posted this in the wrong forum ?

Harry




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

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




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

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

graeme_p




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

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.

Global Options:
 top home search open messages active posts  
 

Home / Forums Index / Hardware and OS Related Technologies / Smartphone, Wireless, and Mobile Technologies
rss feed

All trademarks and copyrights held by respective owners. Member comments are owned by the poster.
Home ¦ Free Tools ¦ Terms of Service ¦ Privacy Policy ¦ Report Problem ¦ About ¦ Library ¦ Newsletter
WebmasterWorld is a Developer Shed Community owned by Jim Boykin.
© Webmaster World 1996-2014 all rights reserved