generated at
setting:画像の太字記法
画像のサイズを高さで指定したい
setting:画像を並べて表示 との兼ね合いで not(deco-\/)
表示例
[* img]
[** img]
[*** img]
[**** img]

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 } }