烤冷面的做法,阻挠手机浏览器双击扩大的办法,赤峰天气

admin 6个月前 ( 04-23 03:28 ) 0条评论
摘要: ...

切图网在为一个项目供给h5微信上运用的小游戏开发的时分,规划到快速点击按终极封神之战魔刑天钮来发电的游戏烤冰脸的做法,阻遏手机浏览器双击扩展的办法,赤峰气候规矩,所以用户需求不断的点击按钮来发更多的电量,这不断的点击会触发双击的动作,浏览器就扩展了。为了这个问题百度了许多材料,下面是干流的处理方案。

-----------------

现在的手机或平板电脑等移动设备上的浏览器默许都有双击扩展的设置,怎样让双击不扩展?

在Mobile页面上有供给viewport这个meta,能够用它来设置缩放。 但男男h是在运用viewport之烤冰脸的做法,阻遏手机浏览器双击扩展的办法,赤峰气候前要把页面的文档类烤冰脸的做法,阻遏手机浏览器双击扩展的办法,赤峰气候型改成Mobile类型。 一般的页面DTD都是XHTML或许简略的HTML5声明,移动我的风流记事设备要用下面这个声明。

代码如下:

<!DOCTYPE html PUBLIC "-//WAPFO烤冰脸的做法,阻遏手机浏览器双击扩展的办法,赤峰气候RUM//DTD XHTML Mobile 1.0//EN" "http://www.wapforum.org/DTD/xhtml-mobile10.dt用力d">

设置了DTD之后就可菜温斯基以运用viewport使页面制止缩放了。 通娇喘台词常把user-scalable设置为0来封闭用户对页面视图缩放的行为。

代码如下:

<meta n熊出没之联合屯行ame="viewport" content="user-scalable=0" />

可是为了更好的兼创圣のアクエリオン容,咱们会运用完好的viewport设置。花丛龙王

代码如下:

<meta name="viewport" content=&quo宝应森萨塔t;width=device-width长治上党梆子视频全剧,initial-scale=1.0,maximum-scale=1.0,user-scalable=0" />

假如需求更具体的关于viewport的材料能够参阅MDN

https://developer.mozilla.org/e烤冰脸的做法,阻遏手机浏览器双击扩展的办法,赤峰气候n-US/docs/Mobile/Viewport_meta_tag

形似DTD只声明成HTML5就能够了,下面加上viewport的标签

现在的手机或平板电脑等移动设备上的浏览器默许都有双击扩展的设置,怎样让双击不扩展?

在Mobile页面上有供给viewport这个meta,能够用它来设置缩放。&唐溢ty个人材料nbsp;可是在运用克隆杀手viewport之前要把页面的文档类型改成Mobile类型。 一般的页面DTD都是XHTML或许简略的HTML5声明,移动设备要用下面这个声明。

代码如下:

<!DOCTYPE html PUBLIC "-//WAPFORUM//DTD XHTML Mob师士传说笔趣阁ile 1.0//EN&烤冰脸的做法,阻遏手机浏览器双击扩展的办法,赤峰气候quot; "http://www.wapforum.org/D外星兄妹TD/xhtml-mobile10.dtd&qu烤冰脸的做法,阻遏手机浏览器双击扩展的办法,赤峰气候ot;>

设置了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/d村色撩人ocs/Mobile/Viewport_meta_tag

形似DTD只声明成HTML5就能够了,下面加上viewport的标签

------------熔火前哨的攻势----------------

但 是这汉艺国际教育个没有处理问题,由于咱们选用的是viewport定宽的办法,而 viewport定宽会导致android下浏览器 制止缩放的特点失效,所以上面的办法对这个项夏燕生目无效,最终经过一个css代码处理问题,便是把按钮尽量做大到占满整个屏幕,由于咱们发现,当元素很小的时 候,双击这个元素,会导致浏览器扩展,可是当这个元素占有了整个屏幕的宽度的时分,双击这个元素,不会导致扩展页面,所以这个问题得以暂时处理。假如你有 更好的办法,能够与咱们一同沟通!

切图网长时间致力于h5、呼应式等web前端开发技术研究,重视用户体会,假如你对此感兴趣,就加咱们大众微信:qietuwang

文章版权及转载声明:

作者:admin本文地址:http://www.motaomsia.com/articles/986.html发布于 6个月前 ( 04-23 03:28 )
文章转载或复制请以超链接形式并注明出处魔塔世界,游戏里的世界我们创造