Wie kann ich die Größe eines Bildes unter Beibehaltung des Seitenverhältnisses erzwingen, aber die Breite auf 200px einstellen. Ich habe viele Bilder, jeder von ihnen sind verschiedene Größen, einige sind größer und einige breiter. Aber ich möchte, dass die Breite von jedem von ihnen im Layout 200px ist, egal wie einige von ihnen höher als andere sind. Weiter erkläre ich mehr darüber:Größe ändern Bild basierend auf der Breite
-1
A
Antwort
1
einfach die Breite in CSS festgelegt und die Höhe als Auto verlassen
<img src="https://images-na.ssl-images-amazon.com/images/M/[email protected]@._V1_UY317_CR22,0,214,317_AL_.jpg" style="width: 200px; height:auto;">
<img src="https://images-na.ssl-images-amazon.com/images/M/[email protected]@._V1_UY317_CR22,0,214,317_AL_.jpg" style="width: 300px; height:auto;">
Verwandte Themen
- 1. Größe der Breite der JTable-Spalten ändern
- 2. Bild Ändern der Größe
- 3. Image Bild nicht auf kleinere Größe Ändern der Größe
- 4. Größe der jqgrid Breite ändern, während Browser Größe ändern
- 5. Ändern der Ansichtsposition basierend auf der ImageView-Größe
- 6. Größe aller Website-Inhalte auf Fenster (Breite) Größe ändern
- 7. FancyBox Größe ändern Breite
- 8. Größe ändern, erstellt von xib, basierend auf der Etikettenlänge
- 9. Größe eines Bildes basierend auf der Höhe des Mobilgeräts ändern
- 10. Bild basierend auf Bildlaufposition ändern
- 11. ein Bild mit Alphakanal Ändern der Größe
- 12. Ändern der Bild-URL basierend auf der Broswers-Breite mit dem vorhandenen Code
- 13. Breite der Tabellenzelle basierend auf dynamischer Zahl ändern
- 14. Ändern der Größe eines PNGs (Länge x Breite)
- 15. Größe ändern PNG-Bild
- 16. Opencart - Bild Größe ändern
- 17. Größe Bild automatisch auf Bildschirmgröße ändern
- 18. Ändern der Größe Bild verschlechtert Auflösung
- 19. Größe der Breite und Höhe der ng2-Diagramme ändern
- 20. Bild nicht in der Eingabeaufforderung Größe ändern
- 21. Bild in asp Kern Ändern der Größe
- 22. Größe ändern Textbox basierend auf dem Typ des Browsers
- 23. opencart Bild Größe ändern leeres Bild
- 24. Größe von div auf die Breite von enthaltenen Bildern ändern
- 25. jQuery - Bild basierend auf Klick ändern
- 26. Layout ändern basierend auf der Bildschirmgröße
- 27. Größe ändern, aus der Mitte ein Bild mit Javascript
- 28. Bild Größe ändern mit css
- 29. Größe ändern Bild hochladen php
- 30. UImmages wird nicht Größe basierend auf der Größe des Geräts
so eingestellt nur die Breite und nicht die Höhe. .. – epascarello
@epascarello ja, ich habe es versucht, aber es schnitt das Bild –
Stellen Sie einfach Breite: 200px' und 'Höhe: Auto' oder Höhe auf nichts und Sie sind in Ordnung. Das H: W-Verhältnis wird automatisch beibehalten, es sei denn, Sie setzen beide Werte auf feste Werte wie "Breite: 200px; Höhe: 200px;". Wenn Sie in einem 4: 3-Bild "width: 200px" festlegen und die Höhe allein lassen, beträgt die Höhe 150px. Bitte kreiere eine Geige, wenn das Bild irgendwo geschnitten wird. – forrestmid