Need help with CSS image scaling

• 

  fme360admin · Member · Jun 10, 2011 at 2:52 am

  • Copy link
  • Add topic to favorites

  HI all,

  I’m trying to edit my style.css file through the dashboard. I am using the garland theme. I want the images contained within posts to auto scale to the width of my post dimension across browsers, more specifically, on safari for iPad…I cannot get the CSS to work…

  .content img {
  max-width: 100%;
  height: auto;
  }

  What am I doing wrong???

  The blog I need help with is: (visible only to logged in users)

• 

  devblog · Member · Jun 10, 2011 at 4:54 am

  • Copy link

  You cannot auto scale (enlarge) images with CSS.

• 

  thesacredpath · Member · Jun 10, 2011 at 8:54 am

  • Copy link

  Even if you could, it is a bad idea since you would be relying on the visitor’s browser to do the scaling, and browsers do a seriously poor job of that. With the vast chasm of screen sizes you have to deal with now a days, images are a problem.

  Activate the mobile browser and the iPad swipe themes for those devices.

  http://en.support.wordpress.com/onswipe-theme-for-ipad/
  http://en.support.wordpress.com/themes/mobile-themes/

• 

  fme360admin · Member · Jun 10, 2011 at 2:59 pm

  • Copy link

  thanks guys…it seemed like it was a losing battle…