アプリ版：「スタンプのみでお礼する」機能のリリースについて

差し込み画像にをcssで大きさ指定したい

締切済

  • 質問者：riribestwanko
  • 質問日時：
  • 回答数：1件

背景でなく、差し込みのサンプル画像の大きさを、画面の大きさの比率に合わせて変えたいです。
ちなみに画像はHTMLではsrc= alt=の形で指定しており、cssではpc版とsp版それぞれの画面の比で大きさを指定(11/111 ＊100vw の形で)しています。

通報する

この質問への回答は締め切られました。

質問の本文を隠す

A 回答 (1件)

No.1

  • 回答者： gura_
  • 回答日時：

riribestwanko 様



　･･･画像の大きさを、画面の大きさの比率に合わせて変えたい･･････

こういう事ですか。↓

<!DOCTYPE html>
<html lang="ja">
<head>
<meta name="viewport" content="width=device-width,initial-scale=1.0">
<meta charset="UTF-8">
<style>
.photo img{
width:calc(11 / 111 * 100vw);
}
</style>
</head>
<body>
<div class="photo">
<img src="https://oshiete.xgoo.jp/images/feeling/qjiro/pc/ … alt="">
</div>
</body>
</html>
    • good
    • 0
    • 件
通報する
この回答へのお礼

助かりました

ありがとうございます！htmlとcssを別々に書く場合もこのようなかんじですよね？

通報する
お礼日時：2022/11/24 13:04

お探しのQ&Aが見つからない時は、教えて!gooで質問しましょう！

Q質問する（無料）

関連するカテゴリからQ&Aを探す

ページトップページトップ

Q質問する（無料）

デイリーランキングこのカテゴリの人気デイリーQ&Aランキング

マンスリーランキングこのカテゴリの人気マンスリーQ&Aランキング

おすすめ情報