以下のように画像を並列に並べておいて親のpのwidthをパーセント縮小した時に並列で並べているimgも縮小させるにはどうしたら良いでしょうか?
<p> <span><img src="./common/img/home/hoge01.png" srcset="./common/img/home/hoge01.png 1x, ./common/img/home/hoge01@2x.png 2x" alt=""></span> <span><img src="./common/img/home/hoge02.png" srcset="./common/img/home/hoge02.png 1x, ./common/img/home/hoge02@2x.png 2x" alt=""></span> <span><img src="./common/img/home/hoge03.png" srcset="./common/img/home/hoge03.png 1x, ./common/img/home/hoge03@2x.png 2x" alt=""></span> <span><img src="./common/img/home/hoge04.png" srcset="./common/img/home/hoge04.png 1x, ./common/img/home/hoge04@2x.png 2x" alt=""></span> <span><img src="./common/img/home/hoge05.png" srcset="./common/img/home/hoge05.png 1x, ./common/img/home/hoge05@2x.png 2x" alt=""></span> </p>
「レスポンシブ対応したい」との解釈で良いでしょうか?いずれにしても、該当箇所のCSSも提示されると、より良い回答を得れるかと思います。