宽屏图像裁剪器

注意

此页为于 SCP 维基内部使用的“组件”页。用于在其他页面中引用。

未经组件作者或工作人员允许，请勿修改此页的内容。

---

使用方法

在任意维基上添加：

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

接着添加图片：

[[include component:image-block
name=（你的图片链接）|
caption=（你的图片描述）|
align=center |
width=100%
]]

这是什么

一个能将一张宽屏图像自动裁剪为高215px、且宽度适合当前屏幕的组件。这样可以确保在各种设备上获得一致的观看体验，同时避免需要精确裁剪源图像。

它是什么样的

使用组件后：

使用组件前：

---

此CSS由 Woedenaz 制作，此组件由 aismallard 制作。

+ 展示源代码

.scp-image-block.block-center {
    position: relative;
}
.scp-image-block.block-center img {
    height: 215px;
    width: 100%;
    object-fit: cover;
}