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ベストアンサー
- 回答日時:
こんにちは
実物を確かめてはいませんけれど・・
scoped属性を使っているからではないでしょうか?
廃止になったので、大抵のブラウザでは解釈されません。
https://developer.mozilla.org/ja/docs/Web/HTML/E …
ありがとうございます。
scopedを消したら、思ったように動きました。
廃止になったのですか。知らなかった。
ホントに、ありがとうございました。
お探しのQ&Aが見つからない時は、教えて!gooで質問しましょう!
似たような質問が見つかりました
- HTML・CSS flex の各子要素を横幅 100% にしたい 1 2022/09/22 21:25
- JavaScript jQueryでのドラッグアンドドロップについて 1 2022/07/30 09:10
- JavaScript アップロードファイルの種類によって処理を分岐させたいのですが書き方が分からずアドバイスお願いします 4 2023/06/17 19:12
- Visual Basic(VBA) 【VBA】写真の貼り付けコードがうまく機能しません。 5 2022/09/01 18:43
- HTML・CSS スクロールすると追従する画像のコードを書いているのですが、追従する画像の大きさの調節が上手くいきませ 2 2022/04/18 12:52
- HTML・CSS PCサイズで赤い画像2つと、青い画像2つがそれぞれ横に2つずつ並んでいるのですが、これをスマホサイズ 5 2022/04/11 12:01
- JavaScript jQueryで同じクラス名のものを別物として扱いたい 1 2022/06/17 14:14
- JavaScript ①入力フォーム→②確認表示画面→③送信完了画面のコードを書いているのです、 入力フォームから受け取っ 2 2022/05/10 16:45
- HTML・CSS ボタンをクリックした時に、入力フォームのすぐ下部に、「入力欄が空白です」というテキストメッセージが表 1 2022/04/27 16:25
- HTML・CSS CSSが効かずどのように指定すれば良いか分からないのでアドバイスお願い致します 2 2023/06/07 12:25
おすすめ情報
デイリーランキングこのカテゴリの人気デイリーQ&Aランキング
-
エクスプローラー サムネイル表...
-
Nuxtのサイトで、microCMSに入...
-
画像ファイルのリネームソフト...
-
Irfanviewの枚数認識について
-
お勧めのSVGのビューアーを教え...
-
色相のヒストグラムを表示する方法
-
webサイトを公開したら画像&c...
-
イメージプレビューの多数画像...
-
discordで画像保存できない
-
画像の白抜きの意味
-
Photoshopで、削除できますか?
-
ワードプレスで、画像の横に文...
-
Photoshopで背景を変えたい。
-
背景を動かないようにするには?
-
Googleフォトで画像が半分グレ...
-
pythonで複数画像からgifを作る...
-
ホームページビルダー8のボタ...
-
pngファイルがひらけない
-
ぼやけた画像はどこまできれい...
-
texの表について(セルの内容の...
マンスリーランキングこのカテゴリの人気マンスリーQ&Aランキング
-
エクスプローラー サムネイル表...
-
お勧めのSVGのビューアーを教え...
-
イメージプレビューの多数画像...
-
Irfan Viewで表示する画像の順...
-
JWWに張り付けた写真開かない
-
ビルダーでプレビューすると、...
-
ダウンロードしたHTMLの画像が...
-
Easy-PhotoPrintで印刷したいの...
-
壁紙 スライドショー ファイ...
-
画面いっぱいに同じ画像を並べる
-
色相のヒストグラムを表示する方法
-
Irfanviewの枚数認識について
-
GIMP2.2のプレビュー画面について
-
リンクバナー画像が出ない
-
PDFについて質問です。 adobe s...
-
itunesのアートワークを別々に...
-
TeraPadで画像を入れても反応し...
-
OpenCv 透明度について
-
ホームページビルダー10 画...
-
DreamWeaverのデザインビューで...
おすすめ情報