0

最近、個人の Web サイトを github.io に移動し、jekyll の indigo テーマを使用しました。about.md という私のマークダウン ページの 1 つに、次のタグがあります。

<img src="../figs/foo.jpg" width="100%">

しかし、これは別のブロックによってオーバーライドされます。

.about img {
    width: 50%;
    margin: 0 auto;
    display: block;
 }

そのため、100%表示したい画像がページの半分しか表示されていません。

.about img を上書きして画像を 100% 表示するにはどうすればよいですか

4

2 に答える 2

1

style 属性を!importantとともに使用して、画像の幅を次のように設定できます:-

<img src="../figs/foo.jpg" style="width:100% !important;">

これにより、このタグ コンテナの親タグの幅も確認する必要があります。

于 2018-09-23T16:37:01.360 に答える