分辨率变化,页面固定不缩放 禁止页面缩放


<meta name="viewport" content="width=device-width,user-scalable=no"/>

width - viewport的宽度

height - viewport的高度

initial-scale - 初始的缩放比例

minimum-scale - 允许用户缩放到的最小比例

maximum-scale - 允许用户缩放到的最大比例

user-scalable - 用户是否可以手动缩放

如果不想让页面缩放,可以直接 user-scalable = no

会出现下面效果


当分辨率辩护时,页面固定大小不会一直缩放

如果不加这个属性,会是下面的效果


整个页面会跟着一起缩放

猜你喜欢

转载自blog.csdn.net/qq_41831345/article/details/80676249