0

画面サイズに応じて画像のサイズを自動的に変更するにはどうすればよいですか?

次のような画像のcss属性を追加します

 img {
 width: 100%;
 height: auto;
 }

しかし、それは小さな画像をそれが入っているコンテナの形にし、コンテナが巨大な場合、小さな画像は伸びてピクセル化します. では、大きな画像用に特別な css 属性を作成するだけですか? イメージが入っているコンテナまたは div をイメージでいっぱいにしたくありません。画面サイズに基づいてサイズを変更したいだけです。テーブルも同様にサイズ変更する必要があります。divとテーブルの両方を使用しています。

4

1 に答える 1

1

通常どおり画像を挿入します。

「サイズ」で「カスタム」を選択します。

「幅」と「高さ」を「0」に設定します。

これを CSS コードに挿入します。

img {
     border: 0 none;
     max-width: 100%;
     vertical-align: middle;
}

このページを参照してくださいカスタム CSS でメディア クエリを使用する

于 2016-03-23T05:45:29.870 に答える