ด้วย JavaScript คุณสามารถควบคุมระดับการซูมแม้ว่าโซลูชัน oly ที่ฉันพบจะดูไม่ราบรื่น
สมมติว่าคุณมีใน<head>
:
<meta id="vp" name="viewport" content="width=768,initial-scale=1.0">
หากต้องการซูมเป็น 4x และยังคงอนุญาตให้ผู้ใช้เปลี่ยนการซูมได้ให้เปลี่ยนเนื้อหาสองครั้ง:
var vp = document.getElementById('vp');
vp.content = "width=767,minimum-scale=4.0,maximum-scale=4.0,user-scalable=yes";
vp.content = "width=768,minimum-scale=0.25,maximum-scale=10.0,user-scalable=yes";
การสลับความกว้างเป็นสิ่งสำคัญมากมิฉะนั้น Mobile Safari จะมีจุดบกพร่องที่ร้ายแรงในการทาสีซ้ำ (เนื่องจากการเพิ่มประสิทธิภาพมากเกินไป)
คุณไม่สามารถตั้งค่าได้initial-scale
อีกครั้ง - จะถูกละเว้นในครั้งที่สอง
scalesPageToFit = YES
ใช้งานได้ แต่เปลี่ยนขนาดเนื้อหาเริ่มต้นของคุณดูคำตอบของฉันสิ่งนี้จะเป็นประโยชน์สำหรับคุณ