Nuxtのサイトで、microCMSに入れた画像がレスポンシブにならない

Nuxtで初めて作ったサイトで、microCMSで作ったメッセージ＋画像を表示しています。
その表示は、Vuetifyのv-cardの枠の中に入っています。ただし、これはPCの場合で、ブラウザの幅を狭くすると、メッセージの方は幅に応じ枠内に入ります。
画像は、microCMSの入るNuxtのページに次のstyleを書いているのに、レスポンシブになりません。
```
<style scoped>
img {
width:100%;
max-width: 100%;
height: auto;
}
</style>
```
具体的なサイトは
[リンク内容](https://smalltrip.netlify.app/fvt48fkpe)
です。画像がレスポンシブになる方法をご存知でしたら、ご教授をお願いします。

No.1 ベストアンサー 回答者： fujillin 回答日時： 2021/12/25 14:50

こんにちは

実物を確かめてはいませんけれど・・
scoped属性を使っているからではないでしょうか？

廃止になったので、大抵のブラウザでは解釈されません。
https://developer.mozilla.org/ja/docs/Web/HTML/E …

この回答へのお礼

ありがとうございます。
scopedを消したら、思ったように動きました。
廃止になったのですか。知らなかった。
ホントに、ありがとうございました。

お礼日時：2021/12/25 15:22