Support Forum

Please note that this forum is only available to you in read only mode. In order to contribute to this conversation you will need to renew your subscription.

images not proportional on mobile devices

zentoolsIf you use Zentools please post a review at the Joomla! Extensions Directory.

Hi there!

I noticed that all images are no longer proportional on any mobile device. Not completely sure but I think I noticed it first after buildr 1.1.3 update.

Example:

example_desktop.png

example_mobile.png


Link:
www.buildr.mathelike.de/mathe-abi-skript/1-analysis/1-5-differentialrechnung/1-5-3-monotonieverhalten-extrem-und-terrassenpunkte.html

Thanks for any assistance!
Christian
  • Christian Rieger's Avatar
  • Christian Rieger
  • 12 Month basic
  • 261 posts
  • 3 Thanks
  • Karma: 1
Last Edit: 7 years 11 months ago by Christian Rieger.
The administrator has disabled public write access.
Hi Christian,

If you have add this do you get any improvement?

img {

width: 100%;
height: auto;
}
  • manh's Avatar
  • manh
  • Moderator
  • 45248 posts
  • 2106 Thanks
  • Karma: 603
The administrator has disabled public write access.
Hi Paul!

Yes, this helps, thanks a lot!

Christian
  • Christian Rieger's Avatar
  • Christian Rieger
  • 12 Month basic
  • 261 posts
  • 3 Thanks
  • Karma: 1
The administrator has disabled public write access.
Thanks Christian

Cheers
Paul
  • manh's Avatar
  • manh
  • Moderator
  • 45248 posts
  • 2106 Thanks
  • Karma: 603
The administrator has disabled public write access.
I'd suggest checking zentool modules to see it hasn't affected any layouts

Cheers
Paul
  • manh's Avatar
  • manh
  • Moderator
  • 45248 posts
  • 2106 Thanks
  • Karma: 603
The administrator has disabled public write access.
Hi Paul,

unfortunately it's not an improvement 'cause all zentools layouts and all other image sizes are expanded to 100%.
I'm sure the proportions of the images have been correct in all mobile views when I began with buildr to work. I always have a close look on the mobile view of the content I'm editing.

img {height: auto;} only seems to work.

Thanks
Christian
  • Christian Rieger's Avatar
  • Christian Rieger
  • 12 Month basic
  • 261 posts
  • 3 Thanks
  • Karma: 1
The administrator has disabled public write access.
Thanks Christian

So with height:auto the images are displaying correctly?
  • manh's Avatar
  • manh
  • Moderator
  • 45248 posts
  • 2106 Thanks
  • Karma: 603
The administrator has disabled public write access.
Yes, as far I can see... I thing it works 'cause with image {height: auto;} only img {max-width: 100%;} is not overwritten?

Thanks
Christian
  • Christian Rieger's Avatar
  • Christian Rieger
  • 12 Month basic
  • 261 posts
  • 3 Thanks
  • Karma: 1
The administrator has disabled public write access.
Yes the remaining merged style

is

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

I'll check with Anthony on why the height isn't added
  • manh's Avatar
  • manh
  • Moderator
  • 45248 posts
  • 2106 Thanks
  • Karma: 603
The administrator has disabled public write access.
The following user(s) said Thank You: Christian Rieger
Great, thanks Paul!
  • Christian Rieger's Avatar
  • Christian Rieger
  • 12 Month basic
  • 261 posts
  • 3 Thanks
  • Karma: 1
The administrator has disabled public write access.
Cheers :)
  • manh's Avatar
  • manh
  • Moderator
  • 45248 posts
  • 2106 Thanks
  • Karma: 603
The administrator has disabled public write access.
The following user(s) said Thank You: marc

zentoolsIf you use Zentools please post a review at the Joomla! Extensions Directory.

Happy Campers