meta参数配置
- width:可视区域的宽度,值可为数字或关键词device-width;
- intial-scale:页面首次被显示是可视区域的缩放级别,取值1.0则页面按实际尺寸显示,无任何缩放;
- 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);
})