Website resolution scaling issue :not a bug:

[ShionSinX]

I use a laptop with 1366x768 resolution and the website doesnt seem to be scaling properly to fit the page.

Here is how I see it with no zoom:

Spoiler

And here is how I see when I zoom out to 90%:

Spoiler

Both examples are screenshots showing the full width of the website.

I'd rather use the 90% scaling all the time, but this also scales down the manga images themselves. Using 'fit to width' option doesnt makes the pages stretch all the way to the sides of the viewer (I believe they go only up to the max resolution), but with the zoom out it makes the pages smaller and harder to read in some cases. Just to show it, heres an example:

Spoiler

100%

90%

So the CSS doesnt seem to be scaling properly or the bracket of scaling is JUST outside the range for said resolution, leaving lots of space on the sides and showing less content.

 

[BzzBzz]

I don't think resolution matters. Looks like browser issue. No problem here in firefox. 100% looks like first screenshot, then zooming out downscales image properly.

Edit: btw, if you want fullwidth version why don't you just upscale it? Like 120% or even 130%?

Edit2: Nope. It IS resolution issue. I can replicate this "90% zoom scaling UP" if I change resolution.

Edit3: Tested with random websites, no problems. MD issue.

@rdn @Teasday

 

[blackyawgdom]

My view is worse. (not complaining, you get used to it). same resolution, but on chrome the top bar can take up a ton of the screen if I use any zoom other then 50%. on the Follows/Options pages, the top bar hides and makes them unclickable unless I zoom into 100-120%, which turns the top bar to like it is on a mobile device. infact the top bar is annoying on chrome even when switching to 1920/1080. (no plugins/extensions active)

 

[Teasday]

_{@ShionSinX posted:}

Using 'fit to width' option doesnt makes the pages stretch all the way to the sides of the viewer (I believe they go only up to the max resolution)

Yeah, it's not supposed to. I'm reluctantly adding stretching to the next site version, as hideous as it looks, but global zoom working on images also is completely expected browser behaviour so this isn't a bug in any way.

 

[ShionSinX]

@Teasday Yeah I get that they'd only go as much as original. But the manga pages are not the real issue here tho.

Its the whole website not occupying the screen when normal scaled, 100%, but a slighly lower zoom makes it work better for some reason, like BzzBzz mentioned it doesnt happens elsewhere.

@blackyawgdom agreed, the top bar not hiding is very annoying on monitors because we use landscape orientation and top-to-bottom space is very important for manga viewing.

 

[Teasday]

@ShionSinX Oh, that. It's just a result of the viewport width breakpoint being crossed and another styling being applied, like you yourself said in the OP. In this case, the relevant breakpoint is at 1440 pixels, which your 1366px monitor manages to reach at 90% zoom.

I won't be changing the values for now, but if you want to fix it for yourself, I'd suggest installing a userstyle addon like Stylus and overriding the container width.

@-moz-document domain("mangadex.org") {
    .container {
      max-width: 1366px !important;
    }
}

Something like that, for example. For v5 we'll most likely change to a fluid container layout, so this won't be an issue.

You can hide the top bar while reading manga in the reader settings. There's even a whole separate button for it always visible.

 

[ShionSinX]

@Teasday thanks a lot, that should do it for the time being 😀 will fiddle with it and try to find what works.