Fit image to window width...?

[9800pro]

Hi all,

is there a way to get the images to fit the window width?
In Firefox I'm using extension "Enhanced Image Viewer" with which if I'm viewing images in new tab i can select image to show "fit to window width".
That way no mater how i resize the browser, image is always shown in full width.
And i only have to scroll vertically if image is bigger, no left-right scroll.
There is a similar extension for Chrome "Enhanced Image Viewer", same name but not the functionality.

Thank you

[Pesala]

@9800pro What happens if you click on the image?

[9800pro]

Hi, thx for fast response.
To answer both of you, it doesn't work.
Screens are in the attachment. Is either fit to height or full image with both scrolls.
Bottom slider is set to 100%.

[shifte]

Simply.

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

[shifte]

@Gwen-Dragon
Maybe make it a page action?
I don't really have a need it.

[9800pro]

@Gwen-Dragon said in Fit image to window width...?:

@9800pro I tested in Stable RC2 3.8.2259.33 Win 10 x64
If i open the image, it fits in window. But may be because of my 1600×1200 display?

Hi Gwen,

tried with that version of Vivaldi but the result is the same.
I don't know if it could be that I'm using 2K monitor...?

[9800pro]

I will try at home first, on my 1080p laptop and then see how it behaves.

[Zalex108]

@shifte said in Fit image to window width...?:

Simply.

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

Hi,

Please,
Being that this is not the Modifications Sub - Guide | What and How, give context next time for all to understand.

Thank you

--

By the way,

Thanks for the workaround.

[shifte]

Sorry, I checked just now and it didn't work with page action.
It did work with Stylebot.

[dude99]

@9800pro https://deathamns.github.io/Viewhance/

[shifte]

If always fix the image to the window size, change max-width to width.

Rotate/Flip
javascript:b=document.body;b.style.webkitTransition='-webkit-transform%201s%20ease-in';b.style.WebkitTransform='rotate('+prompt('degrees',180)+'deg)';void(0)

[9800pro]

@dude99 said in Fit image to window width...?:

@9800pro https://deathamns.github.io/Viewhance/

Thx for the info. Its only available from archive not from store.
I tried installing it manually but wasn't able to do it, couldnt extract crx file to zip.

@shifte
Dont even know where to start with your suggestion
Installed the extension....and that is it.

[shifte]

@9800pro
Sorry.
Install the extension ”Stylebot” and apply the style sheet.
”javascript:~” is a bookmarklet.
Make a bookmark, and setting a address to "javascript:~", and give it a nickname.

I made a video before going to bed.

https://www.youtube.com/watch?v=ilnGzBYT5OU

[9800pro]

@shifte said in Fit image to window width...?:

@9800pro
Sorry.
Install the extension ”Stylebot” and apply the style sheet.
”javascript:~” is a bookmarklet.
Make a bookmark, and setting a address to "javascript:~", and give it a nickname.

I made a video before going to bed.

https://www.youtube.com/watch?v=ilnGzBYT5OU

Thx shifte for your video,
i managed to ad a new style but don't understand how to invoke it while showing an image.
You pressed something to open that on screen menu and than "F" to open settings for rotation??
Sorry, i can t get my head around this, not a programmer or anything.
But, while the style is active images are shown automatically full width.
Just checked, style is active on every page so this is a no go.
If it could be active only when link in browser is jpg/jpeg...