ankiのカードで画像を利用しているときに、レイアウト指定で画像の高さを変更したい場合があります。
styleは.card img
で指定すればよいのですが、以下のような設定を行うことはできません。
.card img {
width: 120%;
height: 120%;
}
原因
これは、Anki側がデフォルトで適用するcssに下記の定義があるためです。
(width, heightではなくて、max-widthとmax-heightで指定されているのがポイントです)
.chrome img {
max-width: 100%;
max-height: 90%;
}
対応方法
最大の高さ、幅を上記のデフォルト値の100%と90%以上にしたい場合は、カードのレイアウト指定で下記のように設定すればよいです。
.card img {
max-width: 120%;
max-height: 120%;
}
こちらもおススメ