フルスタックチャンネル
サインアップサインアップ
ログインログイン
利用規約プライバシーポリシーお問い合わせ
Copyright © All rights reserved | FullStackChannel
解決済
画像のサイズが調整できません
Django
Python
初心者
ポカリ
2023/01/17 23:20

実現したいこと

投稿のサイズにあった画像を
適切なサイズで登録したい

発生している問題

Django入門ブログが完了し、画像アップロード機能を
学習している状況です。

画像を投稿した際、拡大された画像が出力されてしまう。

ソースコード

自分で試したこと

サイズの小さい画像を試しにはってみましたが、それでも
大きくなってしまいました。

補足情報

プログラミング初心者です。
よろしくお願いいたします。

回答 6件
login
回答するにはログインが必要です
いいね
3年以上前

img タグのblockに class 削除してみてくださいね
また、cssファイルで class の幅、高など調整してみてください。


django frameworkを学ぶ前に、HTML/CSSの基本を勉強した方がいいと思います。

BootstrapはCSSのframeworkを使っています。

Bootstrapは既にスタイル、デザインなどを準備されているので

根っこの部分までは把握しなくてもいいです。便利です。

でも、HTML/CSSがわからないまま、カスタマイズを追加すると、大変ですよ。

ポカリ
3年以上前

CSSコメントアウトしてリロードしたら
無事に適したサイズになりました。

ありがとうございました。

学習方法ですが、現在、500円の書籍を購入し、
コードの意味を調べながらプログラミングをしているのですが、
自分で考えてプログラミングができるようになるには
どのように学習を進めていけばよろしいでしょうか?
よろしくお願いいたします。

1
はる@講師
3年以上前

チュートリアルが一通り終わったら、新しい機能や変更したい箇所が出てくると思いますので、自分なりに調べながら追加していくと確実に力がついていきます。

プログラミングは続けることが一番大事になります。

応援していますので、頑張ってください。

3
ポカリ
3年以上前

ご回答ありがとうございます。

CSSにコメントアウトを
いれてみましたが、画像は大きいままでした。

CSSで画像の幅を指定していますので
⇒ちなみにどのプロパティでしょうか?

また下記のコードはなんでしょうか?

class=''

よろしくお願いいたします。

1
はる@講師
3年以上前

bootstrapのクラスも適応されているので、HTMLファイルのclassをすべて外してみてください。

1
はる@講師
3年以上前

CSSで画像の幅を指定していますので、どんな画像サイズをアップロードしても、指定したサイズになります。

一度CSSを外してみてください。

アップロードしたサイズで表示されるはずです。

class=''        
1