Adding Responsive Images?

  • I want to add responsive images to my site, in particular the blog posts.

    I want the theme to use a fluid width for the post content column.

    In the posts, I want the images to fill the whole width of the column, whether that be 800px or 300px.

    What is the best way to do this?

    Would I responsive theme solve my problem?

    I’ve not chosen a theme yet.

    Or would a plugin be needed?

    Thanks.

Viewing 2 replies - 1 through 2 (of 2 total)

  • True responsive themes are built with just this scenario in mind. They are designed to scale to all different screen resolutions from mobile to full web.

    Usually in a responsive theme you find that image sizes are based on percentages for width and height and usually have max and min percentages defined. Another thing you find in responsive themes are that measurements are usually made in ephemeral units (em) as opposed to pixels(px).

    Not all themes that claim to be responsive are really 100% responsive and I would suggest doing some research on themes before going forward.

    On a side note, there is really no way to resize text when the browser is resized without using some jquery. Most themes read the browser definitions before being loaded and the adjustments are made before the website is rendered.

    I hope this is helpful.

    Bob

    Thread Starter jf80

    (@jf80)

    Thanks Bob, that is helpful.

    Is there any terminology or code I should look for when selecting a responsive theme, in order to check whether it truly is responsive?

    Are there any plugins that could help me have ‘responsive’ images on a non-responsive theme?

    Thanks.

Viewing 2 replies - 1 through 2 (of 2 total)
  • The topic ‘Adding Responsive Images?’ is closed to new replies.

Tags