html5手机上端网页页面放缩难题的处理详细说明

阅读  ·  发布日期 2021-03-28 06:47  ·  admin
一般在写HTML5手机上端网页页面的情况下,大家会发觉网页页面所显示信息原素的占比歪斜确,那这时大家必须加上的便是: meta name=viewport content=width=device-width,initial-scale=1 或是是 meta name=viewport content=w...
一般在写HTML5手机上端网页页面的情况下,大家会发觉网页页面所显示信息原素的占比歪斜确,那这时大家必须加上的便是:
 meta name= viewport content= width=device-width, initial-scale=1.0, minimum-scale=0.5, maximum-scale=2.0, user-scalable=yes / 

width=device-width,initial-scale=1.0 : 表明的是显示信息对话框的总宽相当于机器设备的显示屏总宽,initial-scale=1.0,即原始的放缩占比为1.0;

minimum-scale : 表明的是容许放缩的最少占比

maximum : 表明的是容许放缩的较大占比

user-scalable : 表明是不是容许客户开展网页页面的放缩,值能够为yes或是no

案例难题状况:

状况:

当客户手中机端网页页面之中点一下input键入框开展文字的编写时,网页页面会全自动的被变大

处理:

在网页页面的头顶部 head 标识中插进


 meta name= viewport content= width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0 /