HTML-Optionsfeld mit Bild- und Beschriftungsfeld [geschlossen] ⇐ HTML

[Anonymous]

Ich versuche, eine Umfrage-App zu erstellen, bei der der Benutzer „ausgezeichnet“, „gut“, „durchschnittlich“, „schlecht“ und „schlecht“ auswählt. Ich habe die Kontrollkästchengruppe und das Bild als Beschriftung verwendet. Markup ist unten. Dies geschieht mit .net mvc core
Das Problem besteht darin, dass die Bildgröße bei der Anzeige einer Website auf Mobiltelefonen nicht geändert wird. Wenn ich max-width : xx% in der obigen Klasse (imgSize) verwende (oder % für die Breite inline für das Bild verwende), hat die Beschriftung, die das Bild enthält, am Ende etwas zusätzlichen Leerraum, was etwas Platz auf dem Bildschirm beanspruchen würde. Es ändert die Größe des Bildes, aber die Containerbeschriftung verursacht Probleme mit dem Platz am Ende.
Irgendwelche Vorschläge, wie man das Problem lösen kann?

Code: Select all

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

Code: Select all

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