如何禁止手机浏览器、微信浏览器的上下左右滑动问题

2017-07-10 09:33:30

第一种方法，禁止touch默认行为

这样禁止全局的touch事件的默认行为，会导致很多问题的，比如说无法点击元素或者无法滑动之类的。


第二种方法，添加meta信息

<meta name="x5-fullscreen" content="true">
<meta name="full-screen" content="yes">

加上这两个meta放在head里，可以让微信，qq，uc浏览器使用全屏模式，全屏模式里，浏览器是不会上下左右滑动出现背景的。

  • 精彩推荐

  • 2017-02-10 15:24:14

    linux学习之——vim简明教程

    学习 vim 并且其会成为你最后一个使用的文本编辑器。没有比这个更好的文本编辑器了，非常地难学，但是却不可思议地好用。 我建议下面这四个步骤： 存活 感觉良好 觉得更好，更强，更快 使用VIM的超能力

  • 2017-02-10 16:22:13

    git历史记录查询

    查看提交历史：git log 查看提交历史并显示版本间的差异：git log -p 查看指定历史：git log xxx(sha1值) -p 查看提交历史（指定时间）：

  • 2017-02-13 17:50:05

    cURL error 60: SSL certificate problem: unable to get local issuer certificate

    Drupal 8 version uses Guzzle Http Client internally, but under the hood it may use cURL or PHP internals. If you installed PHP cURL on your PHP server it typically uses cURL and you may see an exception with error Peer certificate cannot be authenticated with known CA certificates or error code CURLE_SSL_CACERT (60).

  • 2017-02-16 08:09:01

    HTML中PRE和p的区别

    pre 元素可定义预格式化的文本。被包围在 pre 元素中的文本通常会保留空格和换行符。而文本也会呈现为等宽字体。 <pre> 标签的一个常见应用就是用来表示计算机的源代码。