Galleryタグがついたページだけ画像を大きくするユーザーCSS
nijijourneyで遊んでて、こういうページは画像でっかく見たいなぁとなった
:has()が主要ブラウザでサポートされてきたので実装が楽になった
code:style.css
main.page:has(atype="hashTag"href="/mtane0412/gallery") img.image {
width: 100%;
height: auto;
max-height: none;
}
メモ
img.imageとしないとicon(img.icon)もでかくなってしまう
width: 100%;としたらheight: auto;としないとアス比が崩れる
max-widthが100%なのでmax-heightだけ解除したらいけるっぽい？
max-height: 300;が指定されているので無効にする必要がある
https://gyazo.com/7bdca5b2d01cb50286a287d312844a90
#gallery