Переключатель html с изображением и пространством для меток [закрыто] ⇐ Html

[Anonymous]

Я пытаюсь создать приложение для опроса, в котором пользователь будет выбирать «отлично», «хорошо», «средне», «плохо», «плохо». Я использовал группу флажков и изображение для метки. Разметка ниже. Это сделано с помощью ядра .net mvc
Проблема в том, что при просмотре сайта на телефонах размер изображения не изменяется. Когда я использую max-width : xx% в приведенном выше классе (imgSize) (или использую % для встроенной ширины для изображения), метка, содержащая изображение, будет иметь дополнительное пустое пространство в конце, и это займет некоторое пространство на экране. Размер изображения изменяется, но метка контейнера создает проблему с пространством в конце.
Есть предложения, как решить эту проблему?

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

.imgsize {
width: 47px;
height: auto;
}

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

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