Avatar

2.3.6.1 viewing wide image in Chrome on Nexus 7 (Bugs)

by Auge ⌂ @, Tuesday, August 16, 2016, 14:58 (404 days ago) @ Magma

Hello

I just posted a pic in the test thread ...

I used this picture for my tests. The following is the result.

If I change the CSS and add the rule .body img { max-width: 100%; } the images will fit in every case into the viewport. If it is intended to change the behaviour only for mobile devices (I would not distinguish these cases), you'll need @viewport-rules for the different viewport sizes.

With the above suggested CSS-rule the result looks like in the below image. The first part of the image shows an entry with an image, that is resized to a physically width of 1200px. In the second part the image has a width of 400px and in the third one a width of only 240px.

[image]

That means, that the images with a greater width than the viewport-width (- margins, etc.) will be shrinked to fit the width but smaller images stay unmodified.

Tschö, Auge

--
further development of mlf1


Complete thread:

 RSS Feed of thread

powered by my little forum