解决ios在safari浏览器中输入框自动放大页面的问题

910 阅读1分钟

meta参数配置

  1. width:可视区域的宽度,值可为数字或关键词device-width;
  2. intial-scale:页面首次被显示是可视区域的缩放级别,取值1.0则页面按实际尺寸显示,无任何缩放;
  3. maximum-scale=1.0, minimum-scale=1.0:可视区域的缩放级别,maximum-scale用户可将页面放大的程序,1.0将禁止用户放大到实际尺寸之上;
// 防止ios的safair浏览器点击输入框自动放大 
onMounted(() => { 
    const meta = document.createElement('meta');
    meta.name = 'viewport'; 
    meta.content = 'initial-scale=1.0, minimum-scale=1.0, maximum- scale=1.0, user-scalable=no, width=device-width'; 
    document.head.appendChild(meta); 
})