Radio Button HTML с изображением и пространством метки ⇐ Html

[Anonymous]

Я пытаюсь создать приложение для опроса, где пользователь выберет «отличный», «хороший», «средний», «плохо», «плохо». Я использовал группу флажков и использовал изображение для метки. Наценка ниже. Это сделано с помощью .NET MVC Core < /p>
Проблема в том, что при просмотре сайта на телефонах размер изображения не получает изменения. Когда я использую максимальную ширину: xx % в вышеупомянутом классе (imgsize) (или использую % для ширины для изображения), этикетка, содержащая изображение, будет иметь дополнительное пустое пространство в конце, и это займет некоторое пространство для экрана. Изменение размера изображения, но метка контейнера, создавая проблему с пространством в конце. < /P>
Любое предложение, как его решить?

Код: Выделить всё

.imgsize {
width: 47px;
height: auto;
}< /code>

Feedback

Your Experience



[img]https://placehold.co/47x47/28a745/FFFFFF/png[/img]




[img]https://placehold.co/47x47/8bc34a/FFFFFF/png[/img]




[img]https://placehold.co/47x47/ffc107/FFFFFF/png[/img]




[img]https://placehold.co/47x47/ff9800/FFFFFF/png[/img]




[img]https://placehold.co/47x47/dc3545/FFFFFF/png[/img]







Comments/Suggestions




Submit

Подробнее здесь: https://stackoverflow.com/questions/797 ... abel-space