Αναλογικό μέγεθος εικόνας με CSS;

Υπάρχει τρόπος να αλλάξετε το μέγεθος (να μειώσετε την κλίμακα) των εικόνων αναλογικά χρησιμοποιώντας ΜΟΝΟ CSS;

Κάνω τον τρόπο JavaScript, αλλά απλά προσπαθώ να δω αν αυτό είναι δυνατό με CSS.

Για να αλλάξετε το μέγεθος της εικόνας αναλογικά χρησιμοποιώντας CSS:

img.resize {
    width:540px; /* you can use % */
    height: auto;
}
Σχόλια (9)

Οι ιδιότητες css max-width και max-height λειτουργούν υπέροχα, αλλά δεν υποστηρίζονται από τον IE6 και πιστεύω από τον IE7. Θα θέλατε να το χρησιμοποιήσετε αυτό πάνω από το ύψος/πλάτος, ώστε να μην μεγεθύνετε κατά λάθος μια εικόνα. Θα θέλατε απλώς να περιορίσετε το μέγιστο ύψος/πλάτος αναλογικά.

Σχόλια (3)

δούλεψε μια χαρά για μένα ... Ή μήπως μου διαφεύγει κάτι;

Επεξεργασία:Αλλά δείτε την προειδοποίηση του Shawn'σχετικά με το τυχαίο upsizing.

Σχόλια (2)