~~~~).Image cut under some resolutions on home page[]
I recently switched to a new laptop in 1920*1080, with 125% scaling by default. Logically the resolution would be 1536*864. I found that the image of patch note only showes about 2/3, while the last two numbers are completely hidden. Guess that's because the image is horizontally wider than column, whose width depends on the resolution of browser. The problem also occurs under browser scaling.
I alreadey fixed the problem in ZH wiki, with the File code like [[File:Patch 1.0.15.png|class=scalable|link=]] The flaw is that there's no limit on the maximum size, so the image can be huge under huge logical resolutions. I think such resolutions are quite rare, so maybe this flaw is just minor.
Since this configuration is quite common among Full HD 15.6'' laptops, hope this problem could get fixed soon. Thanks! 1479hh (talk) 12:55, 14 April 2019 (UTC)
About CSS[]
Sorry that I forgot this relies on an extra CSS class definition:
/* Image Auto Scaling */
img.scalable {
max-width: 100%;
height: auto;
}
I just put it into Common.css and Mobile.css.
That's all I could come up with. Glad to see a better plan:) 1479hh (talk) 13:20, 14 April 2019 (UTC)
- The problem was mostly my being lazy and fast with updating the patches, so recently images have been overscaled. I didn't realize this one was 1900x1000ish. I've resized, as well as converted to jpg, as there's no transparency or reason for it to be png. Let me know if that didn't fix it for you. Sdkphoenix (talk) 15:07, 14 April 2019 (UTC)
- Thank you for that. It should be fixed now. Also, CSS used in all skins should be in Common.css. The separate CSS files are for CSS unique to those skins. Sdkphoenix (talk) 18:04, 14 April 2019 (UTC)