移动端开发问题1

一.viewport

<!-- 设置移动端视窗 -->
  <meta name="viewport"
    content="width=device-width,initial-scale=1.0,maximum-scale=1.0,minimum-scale=1.0,u ser-scalable=no">

二、解决点击响应延时 0.3s 问题

大多数移动端触摸屏设备上点击的时候都会有0.3秒的延迟问题,我们做移动端web app开发的时候应该都遇到过这个问题,通过以下代码可以轻松解决这个问题

FastClick 是专门为解决移动端浏览器 300 毫秒点击延迟问题的一个轻量级的库。咱们需要引入fastclick.js中的方法并进行操作

<script src="https://as.alipayobjects.com/g/component/fastclick/1.0.6/fastclick.js"></script>
<script type="text/javascript">
  if ('addEventListener' in document) {
    document.addEventListener('DOMContentLoaded', function () {
      FastClick.attach(document.body)
    }, false);
  }
  if (!window.Promise) {
    document.writeln('<script src="https://as.alipayobjects.com/g/component/es6-promise/3.2.2/es6-promise.min.js"' + '>' + '<' + '/' + 'script>');
  }
</script>


 

 

©️2020 CSDN 皮肤主题: 技术黑板 设计师:CSDN官方博客 返回首页