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
Lepaskan: 2016-05-16 12:04:53
asal
1551 orang telah melayarinya

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) }

Label berkaitan:
css
sumber:php.cn
Kenyataan Laman Web ini
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
Tutorial Popular
Lagi>
Muat turun terkini
Lagi>
kesan web
Kod sumber laman web
Bahan laman web
Templat hujung hadapan