Lintas platform menonaktifkan fungsi zoom di Android dan iOS keduanya

Saya mencoba menonaktifkan fungsi zoom in di Android dan iOS untuk situs web ramah seluler. Saya telah mencoba solusi ini tetapi berhasil untuk Android dan iPhone 5 tetapi tidak untuk iPhone 5+ dan iPad.


html css angular5
person ayush sharma    schedule 01.06.2018    source sumber
comment
Kemungkinan duplikat Apakah ada cara yang tidak dapat diretas untuk mencegah pinch zoom di Safari iOS 11.3?   -  person Daniel W.    schedule 06.06.2018
comment
Di iOS/Safari, Apple tidak menghormati zoom yang dinonaktifkan di situs web per niat - ini telah dimulai di iOS 9 atau 10.   -  person Daniel W.    schedule 06.06.2018

Jawaban (1)


arrow_upward
0
arrow_downward

Pembesaran ditangani oleh atribut scaleble di viewport (Anda juga dapat mengonfigurasi skala default)

    <meta name='viewport', content='width=device-width, 
     initial-scale=1.0, maximum-scale=1.0, user-scalable=0' />

Perlu diingat, ini menonaktifkan penskalaan secara umum. Jika Anda ingin membatasinya hanya pada layar seluler, Anda perlu menggunakan kueri @media tertentu (tergantung pada ukuran yang Anda inginkan dan jenis perangkat yang ingin Anda batasi)

person Samuel Hulla    schedule 01.06.2018
comment
Saya ingin menonaktifkannya untuk semua perangkat (android dan ios), tetapi seperti yang saya sebutkan, ini hanya berfungsi untuk Android dan iPhone 5 - person ayush sharma; 01.06.2018
comment
Berikan kami kode yang Anda gunakan. Tapi bagaimanapun juga, yang saya berikan harusnya berfungsi. - person Samuel Hulla; 01.06.2018
comment
Saya menggunakan yang sama yang Anda sarankan - person ayush sharma; 01.06.2018