Take the 2-minute tour ×
WordPress Development Stack Exchange is a question and answer site for WordPress developers and administrators. It's 100% free, no registration required.

Working on first responsive website template; layout is part fluid, with fixed sidebars, using media queries. I want to have some of my images be scalable. Per this article http://www.blissfulinterfaces.com/making-wordpress-images-responsive/ it should be very simple, at least for manually loaded images. Add this to stylesheet:

img{max-width: 100%;}
img{ -ms-interpolation-mode: bicubic; }

and manually remove width and heights that wp automatically adds. Have done both and not a thing happens.

See images in the main areas (not sidebars) on these 2 pages: http://66.147.244.110/~rdbikeco/wheelbuilding.html and http://66.147.244.110/~rdbikeco/aboutus.html

I haven't added code to functions for thumbnails yet -- wanted to get the basics working first.

What am I missing?

Thanks!!

share|improve this question
    
That's a pure CSS question, isn't it? –  toscho Apr 28 '12 at 22:16
add comment

closed as off topic by Wyck, toscho Apr 29 '12 at 15:05

Questions on WordPress Development Stack Exchange are expected to relate to WordPress within the scope defined by the community. Consider editing the question or leaving comments for improvement if you believe the question can be reworded to fit within the scope. Read more about reopening questions here.If this question can be reworded to fit the rules in the help center, please edit the question.

1 Answer

up vote 0 down vote accepted

Nothing appears to happen because the size of the images is smaller than the available width. If I add a bunch of padding to the container in Chrome and then resize the window, the image scales once all horizontal width is consumed.

share|improve this answer
add comment

Not the answer you're looking for? Browse other questions tagged or ask your own question.