プログラミングの勉強を始めたばかりの初心者です。
HTML・CSSが一通り終了し模写コーディングに取り掛かりました。
そこで行き詰っています。
ネット上にある初心者用の模写コーディングなのですが、
ダウンロードした画像(1920×420)を取り込むとPC幅に収まりきらずに大きくはみ出ます。
検証でみて勿論そうなのですが、印刷プレビューだと収まっています。
そこも疑問なのですが、やはり実際収まり切れないのは事実でどうしたらよいのか
ネットなど調べますがやはりうまくいきません。
私のPCは15.6型のものです。画面内に画像を収めるためにはどうしたらよいのでしょうか。
まだよく理解できていないことが多い状況です。
よろしくお願いします。
A 回答 (2件)
- 最新から表示
- 回答順に表示
No.2
- 回答日時:
width さん
・・・・・画面内に画像を収めるためには・・・・・・・
画像の width を100vw 等で指定すれば良い。
ご参考に↓
https://allabout.co.jp/gm/gc/400630/
https://allabout.co.jp/gm/gc/400630/
<!DOCTYPE html>
<html lang="ja">
<head>
<meta charset="utf-8" >
</head>
<body>
<img src="https://oshiete.xgoo.jp/_/bucket/oshietegoo/imag … style="width:calc(100vw - 16px); height:700px; "><br>
</body>
</html>
No.1
- 回答日時:
ソースも何も無いので、想像でしか判断できませんが、
原因は2つありそうだけど、その内のどちらかかな?
(レア的に他の原因だってありえますけどね)
1,
bodyやdiv要素に、特大のwidthが設定したある。
近年のレスポンシブウェブデザインでは、width:100%;が一般的です。
2,
その画像に、widrh="1920" が設定してある。
これもCSSで、width:100%;にすると良いでしょう。
---------------
F12の検証ツールを起動して、その画像に何のCSSが適用されているのか調べるのが簡単です。
お探しのQ&Aが見つからない時は、教えて!gooで質問しましょう!
似たような質問が見つかりました
- PDF 画像調整してスクショし保存した画像をPC画面と同画質で印刷する方法 1 2022/03/31 19:09
- その他(IT・Webサービス) 画像調整してスクショし保存した画像をPC画面と同画質で印刷する方法 3 2022/03/31 19:11
- ドライブ・ストレージ PCのパーフォーマンスが極端に落ちた。 8 2023/01/28 15:22
- Google Drive Google Photo 5 2022/03/23 09:39
- ホームページ作成・プログラミング グリッドレイアウトHTMLとCSS 1 2023/02/22 02:36
- PDF 画像調整してスクショし保存した画像を印刷する方法 1 2022/03/31 18:42
- その他(法律) 食べ物の写真でイラスト作成した場合の著作権 pixivで例えばマクドナルドやスターバックスと検索する 2 2022/05/08 19:25
- マンガ・コミック 手塚治虫「ブラックジャック」の最終話「人生という名のSL」の収蔵巻は? 1 2023/07/15 12:32
- フィルムカメラ・インスタントカメラ 自販機の電光を撮影するとルーレット状に 3 2022/12/22 14:29
- 日本語 収蔵作品の画像貸出・取材 2 2023/04/04 15:53
関連するカテゴリからQ&Aを探す
おすすめ情報
デイリーランキングこのカテゴリの人気デイリーQ&Aランキング
-
Duolingo のソースコードの名前...
-
htmlの文字が縦書きになる
-
テーブルの行を折りたたみたい...
-
、URL化させるにはどうしたらい...
-
コードを書いて下さい( ; ; )...
-
12月のカレンダーを表すHTMLを...
-
Webページのリンクの貼り方を教...
-
CSSデータの作成方法について(...
-
goo は、放置?
-
静止画画像をクリックすると音...
-
メモ帳の段落の揃え方
-
HTML に © は、© を使わず...
-
ホームページをちょっと加工す...
-
HTML入門でもう躓いてしまった。
-
CSSでつくったメニューのアニメ...
-
css初心者 フレックスボックス...
-
HTMLで特定の文字だけ色を変え...
-
角丸画像の背景色を透明にした...
-
HTML 訪問カウンターを自作したい
-
1つの「ホームページビルダー2...
マンスリーランキングこのカテゴリの人気マンスリーQ&Aランキング
-
プログラミング
-
Progateの入力画面で使えるショ...
-
大学でやりたいことが見つかり...
-
C言語のプログラミングについて...
-
模写コーディング PC画面幅に画...
-
プログラミング を全くしたこと...
-
十進ベーシックを使ってgcd(n,c...
-
(再質問)エクセルのマクロボ...
-
collection型を引数にしたファ...
-
アコーディオンメニューにする...
-
mとnを入力 mからnまでを加算し...
-
汎用機のJCLの入門書ありま...
-
コンソール画面のクリアの方法
-
新しいパソコンのネット設定な...
-
iText セル内での自動改行について
-
ヘッダファイルimage.hとは?
-
cframeworkについて
-
シェルソートのフローチャート...
-
ヤフオク エクセル VBA 通常...
-
Googleコンソールでサイトマッ...
おすすめ情報