阻拦挪动机器设备(手机上、pad)访问器双击鼠标变

日期:2021-02-25 类型:科技新闻 

关键词:免费自助建站,手机建站平台,wap建站,免费自助建站平台,H5网站,H5模板建站

如今的手机上或平板电脑上等挪动机器设备上的访问器默认设置都有双击鼠标变大的设定,如何让双击鼠标不变大?

在Mobile网页页面上有出示viewport这个meta,能够用它来设定放缩。 可是在应用viewport以前要把网页页面的文本文档种类改为Mobile种类。 一般的网页页面DTD全是XHTML或简易的HTML5申明,挪动机器设备要用下面这个申明。

拷贝编码
编码以下:
<!DOCTYPE html PUBLIC "-//WAPFORUM//DTD XHTML Mobile 1.0//EN" "http://www.wapforum.org/DTD/xhtml-mobile10.dtd">

设定了DTD以后便可以应用viewport使网页页面严禁放缩了。 一般把user-scalable设定为0来关掉客户对网页页面主视图放缩的个人行为。

拷贝编码
编码以下:
<meta name="viewport" content="user-scalable=0" />

可是以便更好的适配,大家会应用详细的viewport设定。


拷贝编码
编码以下:
<meta name="viewport" content="width=device-width,initial-scale=1.0,maximum-scale=1.0,user-scalable=0" />

假如必须更详尽的有关viewport的材料能够参照MDN

https://developer.mozilla.org/en-US/docs/Mobile/Viewport_meta_tag

貌似DTD只申明成HTML5便可以了,下面再加viewport的标识