setting:画像の太字記法

画像のサイズを高さで指定したい

表示例

code:style.css

/* 縦横比の固定 */

.line span.deco-\*:not(.deco-\/) img.image { object-fit: contain; }

.line strong.level-1 span.deco-\*:not(.deco-\/) img.image { height: 3em }

.line strong.level-2 span.deco-\*:not(.deco-\/) img.image { height: 6em }

.line strong.level-3 span.deco-\*:not(.deco-\/) img.image { height: 9em }

.line strong.level-4 span.deco-\*:not(.deco-\/) img.image { height: 12em }

.line strong.level-5 span.deco-\*:not(.deco-\/) img.image { height: 15em }

.line strong.level-6 span.deco-\*:not(.deco-\/) img.image { height: 18em }

/* スマホの時はちいさく */

@media screen and (max-width: 768px) {

.line strong.level-1 span.deco-\*:not(.deco-\/) img.image { max-height: 2em }

.line strong.level-2 span.deco-\*:not(.deco-\/) img.image { max-height: 4em }

.line strong.level-3 span.deco-\*:not(.deco-\/) img.image { max-height: 6em }

.line strong.level-4 span.deco-\*:not(.deco-\/) img.image { max-height: 8em }

.line strong.level-5 span.deco-\*:not(.deco-\/) img.image { max-height: 10em }

.line strong.level-6 span.deco-\*:not(.deco-\/) img.image { max-height: 12em }

}