Images not scaling properly in Safari and Chrome zoom

  • whalebone

    (@whalebone)


    10 years ago

    I am using Thesis theme 1.8.6, classic responsive skin and WordPress 4.1.1.
    Here is my website: https://www.whaleboneproductions.com

    Everything looks good in Firefox, but when I checked it in Chrome and Safari (desktop versions), the images and layout do not scale uniformly when using the zoom function (command- and command+). This also affects the layout and alignment of the text and images, as seen here:
    https://www.whaleboneproductions.com/case-studies/

    I tried adding the following code to my custom css file:

    ‘img {
    width: 100%;
    height: 100%;
    }’

    It corrected the problem on the home page, but it re-sized all the other, smaller images on other pages, and enlarged them to fit the full column width on the inside pages. For example, on the Case Studies page (see link above), images that were sized at 300 px wide were automatically enlarged to 610 px.

    The changes also affected the display in Firefox, which was fine until I added the custom code.

    I have removed the code.
    I don’t have enough experience with website coding and development to figure out what the issue is, and I don’t want to break anything that might affect the site’s viewability across mobile devices, etc.

    Hope someone can help!

    Laurie

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

    (@alchymyth)

    try to use max-width;

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

    for help with details, please contact the theme’s developer;
    https://codex.www.ads-software.com/Forum_Welcome#Commercial_Products

    Thread Starter whalebone

    (@whalebone)

    Hi alchymyth.

    Yes, thank you, I tried that but it didn’t have any affect on the problem at all.

    I have also contacted the theme’s developer, but they don’t seem to have a resolution either.

    From what I’ve read on the web, it looks like the image and layout resizing issues using the zoom function are a known issue in general, but it’s difficult to determine how much is related to the whole responsive web discussion and how much is related specifically to how Chrome and Safari re-size/scale websites.

    Thank you again.
    Laurie

Viewing 2 replies - 1 through 2 (of 2 total)
  • The topic ‘Images not scaling properly in Safari and Chrome zoom’ is closed to new replies.