Wide Image Sizer

ERMAHGERD STAHP

This is a template page used internally by the SCP Wiki.

PLEASE DO NOT TOUCH THIS PAGE
WITHOUT STAFF PERMISSION


rating: +15+x

Usage

On any wiki:

[[include :scp-wiki:component:wide-image-sizer]]

Then for the image:

[[include component:image-block
name=http://scp-wiki.wikidot.com/local--files/(REST OF LINK TO YOUR IMAGE) |
caption=(YOUR CAPTION HERE) |
align=center |
width=100%
]]

What this is

A component to automatically scale a wide image to 215px height and an appropriate width for the current screen. This way you can ensure a consistent viewing experience across a wide range of devices while avoiding the need precisely crop the source image.

What it looks like

With component:

with-component.png

Without component:

without-component.png

The CSS was created by WoedenazWoedenaz, and this component was created by aismallardaismallard.

Unless otherwise stated, the content of this page is licensed under Creative Commons Attribution-ShareAlike 3.0 License