すいません。ドリームウィーバーCSを使っているのですが、
CSSを使った部分でちょっと分からないことがあります。
divで囲って、幅250ピクセルに指定したとします。
そこへ幅500ピクセル、縦1000ピクセルを入れて、自動的に画像を縮小させたりする事は
できるのでしょうか?
事前に何かのソフトで画像を縮小してから放り込めば解決なのですが、大量の画像があるため
画像を加工に非常に時間がかかります。
いろいろCSSのボックスなどの設定を試してはいるのですが、上手くいきません。
私が行いたいのは、上記のサイズのdivで、画像を入れると横幅は50%になりますよね?
その後自動的に縦幅も50%となり、画像が歪むことなく、縮小した画像が表示できたら良いと
考えています。
実際は画像の半分だけ表示されスクロールバーが付いたりします。(このあたりはオーバーフロー設定で変わりますが・・)
もし上記が可能ならやり方を教えてもらえると助かります。
お探しのQ&Aが見つからない時は、教えて!gooで質問しましょう!
似たような質問が見つかりました
- Excel(エクセル) Excelでこういうカードの作り方 枠線の引き方や、挿入画像の拡大縮小など わかる方教えてください、 2 2022/05/03 21:22
- HTML・CSS スクロールすると追従する画像のコードを書いているのですが、追従する画像の大きさの調節が上手くいきませ 2 2022/04/18 12:52
- デジタルカメラ 録画した4K動画を、フルピクセルで再生したい 5 2023/05/10 00:05
- HTML・CSS トリミングで表示した画像をクリックで元どおりにしたい 3 2022/12/16 18:49
- Windows 10 Windows10の画像ファイルのサムネールがアイコン表示になってしまいました。 3 2022/07/09 13:01
- その他(OS) Windowsで大量の画像サイズを半自動で変更する方法 6 2023/02/17 08:45
- その他(動画サービス) VLCメディアプレーヤーについて 1 2022/11/29 14:19
- その他(Microsoft Office) 複数の写真を1枚に印刷 5 2023/05/05 22:41
- HTML・CSS 要素の幅をいろんな写真の幅に合わせたい。 1 2022/07/25 20:11
- その他(ソフトウェア) 画像の拡大率を固定したまま次の画像を表示出来るビューアを探しています 2 2022/05/13 17:19
関連するカテゴリからQ&Aを探す
おすすめ情報
デイリーランキングこのカテゴリの人気デイリーQ&Aランキング
-
【Webサイト】画像が小さく表示...
-
<hr>の縦バージョンはありますか?
-
画像とその下にあるテキストの...
-
画像の上にテキスト配置で、拡...
-
大至急。webのシングルページを...
-
iframe内をクリックさせない方...
-
両端に背景画像を入れる
-
htmlかcssで背景の白い枠をなく...
-
gif画像でたまに背景がグレーに...
-
背景固定、文字がスクロールす...
-
HTMLです 店主のこだわりという...
-
HTMLのドロップダウンメニュー...
-
background-repeat CSS で切れ...
-
background-sizeの背景で最小値...
-
before疑似要素で画像を指定し...
-
WEB上でディレクトリ内の画像を...
-
フォトショップで背景を切り抜...
-
submitボタンの上に重ねた画像...
-
ページの上下に白い横線が入る
-
vogueサイトのようなスライドを...
マンスリーランキングこのカテゴリの人気マンスリーQ&Aランキング
-
画像の上にテキスト配置で、拡...
-
<hr>の縦バージョンはありますか?
-
【至急お助け!】チェックボッ...
-
画像とその下にあるテキストの...
-
background-repeat CSS で切れ...
-
画像を複数横に並べ、かつそれ...
-
コーディング中、右側に謎の余...
-
同じ画像 複数回使用
-
background-sizeの背景で最小値...
-
htmlかcssで背景の白い枠をなく...
-
lightbox2で画像を天地左右中央...
-
HP作成 作成した画像を動画の上...
-
要素の幅をいろんな写真の幅に...
-
iframe内をクリックさせない方...
-
background-sizeでcontainする...
-
画像上に文字を表示するとiPhon...
-
IMGタグで画像の繰り返し使用は…
-
疑似要素で背景画像に指定したS...
-
スクロールすると追従する画像...
-
HTMLで使う「見出し」は英文で...
おすすめ情報