[Anki, AnkiDroid] カードのcssでimgの高さ90%以上に変更できない

カテゴリ: Anki | タグ: , ,

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

Amazonでおトクに買い物する方法
AmazonチャージでポイントGET


Amazonは買いもの前にAmazonギフト券をチャージしてポイントをゲットしないと損!

こちらもおススメ

コメントを残す

メールアドレスが公開されることはありません。 が付いている欄は必須項目です