Responsivness issues in mobile view about hugo-book HOT 12 CLOSED

I pushed an updated to set min width to 320px, should be enough for most of devices

from hugo-book.

Hi!

Which device and android version you use for test?
I targeted minimum screen width as 400px, also there is required meta tag here

Do you, by chance, set font/view scaling in android?

from hugo-book.

From screenshot looks like it's header getting out of screen, right?
Blocks of code are scrollable horizontally, and this is intentional

from hugo-book.

The smaller one is Huawei ALE-L21, Android 6.0, bigger is Huawei RNE-L21, Android 8.0.0.

I made another screenshot where the problem is more obvious. Look for example on phrase "arma sorori" or "vetuere aliis, modo":

So it's header and body text which don't scale.

I don't recall setting any font/view scaling in my devices.

from hugo-book.

Update: the issue concerns Firefox browser, on Chrome I can scale down manually.

from hugo-book.

To have proper rendering in Firefox I have to enable scaling fonts to system fonts in the browser settings and set the system font size to "small".

from hugo-book.

I see, I will try to reproduce.

from hugo-book.

Same issue on Samsung devices with Samsung Internet as browser: the page is truncated a bit to the right and you can pinch to zoom out and see the full page fitting exactly screen width. Not super practical though because you have to do it for every page (using the demo site for testing).

from hugo-book.

I have a suggestion, it might be due to pixel ratio. For example, right now minimal width is set to 400px, screen of test device is 720px with pixel ratio 2, which will make effective rendering into 360px

This is how it looks on 360px

Quite similar. I will try to confirm this.

from hugo-book.

Yes it looks exactly like this on my Samsung S9.

from hugo-book.

@alex-shpak #27 seems to solve the problem in all my devices, both in Chrome and Firefox, thanks.

from hugo-book.

👍 I will close then, feel free to re-open if it pops up again.

from hugo-book.