cssにおいて、画像が画面一杯に広がってしまう！！

Question

はじめまして！

現在、「jQuery Raty」を用いて星型投票を実装しようとしている者です。

テンプレートとして、DreamWeaverのスターターテンプレートのポートフォリオページ(可変グリッドを使用したレスポンシブページ)を使用しているのですが、
普通は並んで表示されるはずの小さい星が、一つひとつ大きく画面一杯に表示されてしまいます。

このような場合、どのような処置を取ればよいでしょうか?
是非ともご教授のほどよろしくお願い申し上げます。

Answer 1

おそらくimg要素に一律でwidth:100%;あたりが設定されてるのだと思われます。
特定の画像だけ原寸サイズで表示したいなら、
その画像だけwidthを特定の固定サイズもしくはauto（原寸）に変更すれば
画面いっぱいに広がってしまう現象は無くなると思います。

Comments

[Shinog]

ご回答ありがとうございました！

アドバイス通りwidth:100%;が設定されていたので、それを解除することで無事直りました！

Answer 2

imgタグに変なCSSがついてませんでしょうか。

min-width: 100%; とか、width: 100%; とか…。