すごく根本的な内容でお恥ずかしいのですが、ネットでもなかなか答えに行きつかなかったため質問です。
htmlで、ページにまちまちな画像サイズのファイルが表示されているとして、そのすべての画像の大きさを画像自身の大きさの50%で表示させたい時ってどういう指定方法がありますか?
ちなみにcssで
css
1img.exsample 2{ 3 width: 50%; 4}
これだと絵の大きさが、その親要素の大きさの50%表示になるだけなので、その画像自体の大きさの50%の大きさで表示したい今回の場合とはちょっと違います。
1ファイルだけならwidthで単純に半分の大きさをピクセル指定してあげればいいのですが、複数の画像でそれをやるのは大変なので、imgタグに同class名を付けて、一括して指定したいです。
ちょっと特殊な画像表示をさせているページで、すべての画像をcssのabsolute指定でボックス内のあちこちに配置し、レスポンシブで画面幅がタブレットサイズになった時には、そのボックス内にあるすべての絵の大きさを元の画像サイズの50%サイズで表示させたいんです。
よろしくお願いします。
回答1件
あなたの回答
tips
プレビュー
バッドをするには、ログインかつ
こちらの条件を満たす必要があります。
2019/07/04 08:01