Wie verkleinere ich ein Bild auf 100% Bildschirmbreite (Beibehaltung des Verhältnisses), wenn die Bildschirmbreite kleiner als die ursprüngliche Bildbreite ist, aber verhindert, dass das Bild größer als die ursprünglichen Abmessungen vergrößert wird, wenn der Bildschirm größer ist?Wie verkleinere ich das Bild auf 100% Bildschirmbreite, wenn es niedriger als das Bild ist?
0
A
Antwort
2
Sie max-width
für Neudimensionierung und height:auto
für denselben Anteil verwenden können
img {
max-width: 100%;
height: auto;
}
1
Gerade max-width:100%
für Bild verwenden hier ist fiddle
Verwandte Themen
- 1. Wie verkleinere ich das Bild in Android?
- 2. Flüssigkeit Bild, das nicht Breite ist: 100%
- 3. Wie verkleinere ich das Bild in Winkel 2, bevor ich es auf den Server hochlade?
- 4. iPhone: Ich verkleinere das Bild eines Kontakts, aber wenn diese Person anruft, wird das Bild nicht auf die Bildschirmgröße skaliert.
- 5. iOS Swift: Wie verkleinere ich ein Bild?
- 6. Wie verkleinere ich das Bild, damit es in die Bildansicht auf der Gridview passt?
- 7. Das Bild wird größer als das übergeordnete Element, obwohl die maximale Höhe auf 100% festgelegt ist
- 8. Wie verkleinere ich das Bild, um es an die UITableView-Zelle anzupassen?
- 9. Wie verkleinere ich das Bild in Android, ohne es zu verkleinern?
- 10. CSS-zentriertes Bild, das die Bildschirmbreite beeinflusst, mobile Ansicht
- 11. Wie verkleinere ich ein zentriertes Bild auf einer Leinwand?
- 12. Wie ändere ich das Bild, wenn die Schaltfläche deaktiviert ist?
- 13. Wie bedecke ich das Bild auf Navbar?
- 14. Wie kann ich das Bild hinzufügen, so dass es das Bild nicht nur den Ort zeigt?
- 15. Wrap Inhalt wickelt es nicht Inhalt ist, wenn das Bild
- 16. Wie kann ich ein Bild in ein div-Element einfügen, wenn das Bild breiter ist als das div?
- 17. Wie navigiere ich Nav auf das Bild?
- 18. Wie kann ich eine untergeordnete div auf 100% Bildschirmbreite erweitern, wenn der Container div kleiner ist?
- 19. Wie beschneide ich das Bild?
- 20. Klicken Sie auf das Bild als Schaltfläche?
- 21. Wie setze ich das Hintergrundbild von UIScrollView als dehnbares Bild?
- 22. Wie wird das Bild angezeigt, wenn das Bild-Tag speziell ist?
- 23. CSS Hover auf das Bild, obwohl es ist nicht inbegriffen
- 24. Einstellung Bild auf Schaltfläche verschieben das Bild
- 25. wie Bild hinzufügen, wenn das Kontrollkästchen aktiviert ist
- 26. Wie verkleinere ich das mit Regex?
- 27. Wie animiere ich das Bild in der Reaktion, wenn sich das Bild nach einiger Zeit ändert?
- 28. Wie verkleinere ich uiimageview, um nur das Bild in aspectfill anzupassen?
- 29. Zeigt das Bild auf dem FlipView, wenn das Bild auf dem gridview geklickt wird
- 30. Wie skaliert man das Bild mit CSS