Rumah >hujung hadapan web >tutorial css >Kod kesan penskalaan automatik imej kawalan ekspresi CSS [serasi dengan IE, Firefox]_Pertukaran pengalaman

Kod kesan penskalaan automatik imej kawalan ekspresi CSS [serasi dengan IE, Firefox]_Pertukaran pengalaman

WBOY
WBOYasal
2016-05-16 12:04:531552semak imbas

Saya mengambil masa yang lama untuk menyelesaikan masalah ini pada asasnya. Satu-satunya ketidaksempurnaan ialah IE 6 hanya akan mengubah saiz imej secara automatik tetapi ia lebih baik daripada melihat tatal mendatar yang panjang selepas memasuki halaman. Bar adalah lebih selesa digunakan di sini, tetapi ia dimuatkan sekali, jadi ekspresi tidak akan menyebabkan kebocoran memori. Sudah tentu, jika anda mempunyai penyelesaian yang lebih baik, saya harap anda boleh berkomunikasi dengan saya.

Kod adalah seperti berikut:

.Imej { max-width:600px;height:auto;cursor:pointer; function(elm ) { if (elm.width>560) { var oldVW = elm.width; elm.height = elm.height*(560 /oldVW } elm.style.zoom = '1 '; } (ini) }

Kenyataan:
Kandungan artikel ini disumbangkan secara sukarela oleh netizen, dan hak cipta adalah milik pengarang asal. Laman web ini tidak memikul tanggungjawab undang-undang yang sepadan. Jika anda menemui sebarang kandungan yang disyaki plagiarisme atau pelanggaran, sila hubungi admin@php.cn