使用 viewport meta 标签 可以控制移动设备浏览器 如平板,在用过多个方法后才发现,今天写在这里备用。
<meta name="viewport" content="width=device-width,height=device-height,initial-scale=1,maximum-scale=1,minimum-scale=1,user-scalable=0" />
上面是我用是方法
介绍:
width:控制 viewport 的大小,可以指定的一个值, device-width 为设备的宽度(单位为缩放为 100% 时的 CSS 的像素)。
height:和 width 相对应,指定高度。
initial-scale:初始缩放比例,当页面第一次 load 。
maximum-scale:允许用户缩放到的最大比例。
minimum-scale:允许用户缩放到的最小比例。
user-scalable:用户是否可以手动缩放 0为不允许