Tajuk yang ditulis semula: Laraskan zum penyemak imbas

Question

Saya perlu mencipta dua butang pada tapak web saya yang boleh menukar tahap zum penyemak imbas (+) (-). Saya memilih untuk meminta penskalaan penyemak imbas daripada penskalaan CSS kerana saiz imej dan isu susun atur.

Nah, adakah ini boleh dilaksanakan? Saya pernah mendengar akaun yang berbeza.

Answer 1

Boleh berfungsi dalam IE dan Chrome, tetapi tidak dalam Firefox:

<script>
   function toggleZoomScreen() {
       document.body.style.zoom = "80%";
   } 
</script>

<img src="example.jpg" alt="example" onclick="toggleZoomScreen()">

Answer 2

Saya akan katakan, ia tidak boleh dilakukan dalam kebanyakan penyemak imbas, sekurang-kurangnya tanpa beberapa pemalam tambahan. Bagaimanapun, saya akan cuba mengelak daripada bergantung pada penskalaan penyemak imbas, kerana pelaksanaan berbeza-beza (sesetengah pelayar hanya menskalakan fon, yang lain juga menskalakan imej, dsb.). Melainkan anda tidak begitu mengambil berat tentang pengalaman pengguna.

Jika anda memerlukan penskalaan yang lebih dipercayai, maka pertimbangkan untuk menggunakan JavaScript dan CSS untuk menskalakan fon dan imej halaman, atau mungkin melakukan penskalaan di bahagian pelayan. Ini menyelesaikan isu penskalaan imej dan reka letak. Sudah tentu, ini memerlukan lebih banyak kerja.