Responsive images how-to

  • skeeterz71

    (@skeeterz71)


    10 years, 1 month ago

    Hi,

    Using _s or underscores.me theme to build a theme. Images are not responsive with this theme. I have searched and tried so many things, none of which have worked. I finally tried the BC Responsive Images plugin and it doesn’t work either.

    Can anybody point me to a tutorial that will show me how to make sure my images are responsive?

    Thanks

Viewing 1 replies (of 1 total)
  • CrouchingBruin

    (@crouchingbruin)

    10 years, 1 month ago

    Just stick the image in a block element and set the width of the image to either auto or as a percent:

    <style>
.aPicture {
   width: auto;
}
</style>
<div><img class="aPicture" src="/images/my_picture.jpg"></div>

    The picture will change size as the containing DIV changes size.

Viewing 1 replies (of 1 total)
  • The topic ‘Responsive images how-to’ is closed to new replies.