Υπάρχει τρόπος να αλλάξετε το μέγεθος (να μειώσετε την κλίμακα) των εικόνων αναλογικά χρησιμοποιώντας ΜΟΝΟ CSS;
Κάνω τον τρόπο JavaScript, αλλά απλά προσπαθώ να δω αν αυτό είναι δυνατό με CSS.
Για να αλλάξετε το μέγεθος της εικόνας αναλογικά χρησιμοποιώντας CSS:
img.resize {
width:540px; /* you can use % */
height: auto;
}
Οι ιδιότητες css max-width και max-height λειτουργούν υπέροχα, αλλά δεν υποστηρίζονται από τον IE6 και πιστεύω από τον IE7. Θα θέλατε να το χρησιμοποιήσετε αυτό πάνω από το ύψος/πλάτος, ώστε να μην μεγεθύνετε κατά λάθος μια εικόνα. Θα θέλατε απλώς να περιορίσετε το μέγιστο ύψος/πλάτος αναλογικά.
<img style="width: 50%;" src="..." />
δούλεψε μια χαρά για μένα ... Ή μήπως μου διαφεύγει κάτι;
Επεξεργασία:Αλλά δείτε την προειδοποίηση του Shawn'σχετικά με το τυχαίο upsizing.