So today I ended up distracting myself by doing something I’d been meaning to do for a while: fixing the display of large images in my website’s gallery.
Now, they should scale to fill the horizontal width of the screen, and scroll vertically — and be centered horizontally. I’m doing this by mostly leaning on a modern css tool, the ability to specify measurements in percentages of the viewport width or height.
I’m told that this is supported in the latest version of everything except for Opera Mini (and who the hell uses that?), and in IE9+.
It works perfectly on Safari, Firefox and Chrome on my Mac; it doesn’t center images smaller than the screen properly on my iPads, but after spending a couple hours on this, that’s good enough; I used to have problems with the left edge of big images being entirely inaccessible on everything!
Anyway, if you’re on Android or Windows and feel like testing for me, have a look at this very wide image and this not-so-wide image and let me know if anything looks funky for you. Thanks!