1. 首页
  2. 生活常识
  3. 华为双击放大怎么关闭(阻止手机浏览器双击放大的方法)

华为双击放大怎么关闭(阻止手机浏览器双击放大的方法)

简介:关于华为双击放大怎么关闭(阻止手机浏览器双击放大的方法)的相关疑问,相信很多朋友对此并不是非常清楚,为了帮助大家了解相关知识要点,小编为大家整理出如下讲解内容,希望下面的内容对大家有帮助!
如果有更好的建议或者想看更多关于生活常识技术大全及相关资讯,可以多多关注茶馆百科网。

Qetu在为一个项目提供h5微信上使用的小游戏时,设计了快速点击按钮发电的游戏规则,所以用户需要反复点击按钮才能产生更多的电,这样就会触发双击动作,浏览器就会放大。有很多关于这个问题的谷歌搜索,这里是主流的解决方案。

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

现在手机或平板电脑等移动设备上的浏览器默认设置是双击放大,如何使双击不放大?

在Mobile页面上有一个提供视口的元数据,可用于设置缩放。但在使用视口之前,请将页面的文档类型更改为Mobile。页面的通常DTD是XHTML或简单的HTML5声明,移动设备使用这些声明。

代码如下:

!DOCTYPE html PUBLIC '-//WAPFORUM//DTD XHTML Mobile 1.0//EN' 'http://www.wapforum.org/DTD/xhtml-mobile10.dtd'

一旦设置了DTD,就可以使用viewport来禁用页面缩放。用户可伸缩通常设置为0,以关闭用户缩放页面视图。

代码如下:

meta name='viewport' content='user-scalable=0' /

但为了更好的兼容性,我们将使用完整的视口设置。

代码如下:

meta name='viewport' content='width=device-width,initial-scale=1.0,maximum-scale=1.0,user-scalable=0' /

有关视口的更多详细信息,请参阅MDN

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

看起来DTD只是声明为HTML5,下面是viewport标记

现在手机或平板电脑等移动设备上的浏览器默认设置是双击放大,如何使双击不放大?

在Mobile页面上有一个提供视口的元数据,可用于设置缩放。但在使用视口之前,请将页面的文档类型更改为Mobile。页面的通常DTD是XHTML或简单的HTML5声明,移动设备使用这些声明。

代码如下:

!DOCTYPE html PUBLIC '-//WAPFORUM//DTD XHTML Mobile 1.0//EN' 'http://www.wapforum.org/DTD/xhtml-mobile10.dtd'

一旦设置了DTD,就可以使用viewport来禁用页面缩放。用户可伸缩通常设置为0,以关闭用户缩放页面视图。

代码如下:

meta name='viewport' content='user-scalable=0' /

但为了更好的兼容性,我们将使用完整的视口设置。

代码如下:

meta name='viewport' content='width=device-width,initial-scale=1.0,maximum-scale=1.0,user-scalable=0' /

有关视口的更多详细信息,请参阅MDN

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

看起来DTD只是声明为HTML5,下面是viewport标记

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

但是这样并没有解决问题,因为我们使用的是viewport fixed width方法,而viewport fixed width会导致android浏览器禁用缩放属性,所以上面的方法对于这个项目是无效的,最后通过一个css代码来解决问题,就是让按钮尽可能的大来占据整个屏幕。这个问题得到了解决,因为我们发现,当元素很小时,双击它会导致浏览器放大,但当元素占据了屏幕的整个宽度时,双击元素不会导致页面放大。如果你有更好的方法,你可以和我们沟通!

本文主要介绍了关于华为双击放大怎么关闭(阻止手机浏览器双击放大的方法)的相关养殖或种植技术,生活常识栏目还介绍了该行业生产经营方式及经营管理,关注生活常识发展动向,注重系统性、科学性、实用性和先进性,内容全面新颖、重点突出、通俗易懂,全面给您讲解生活常识技术怎么管理的要点,是您生活常识致富的点金石。
以上文章来自互联网,不代表本人立场,如需删除,请注明该网址:http://23.234.50.4:8411/article/1503481.html