【Html5】使Canvas适应不同设备

1. viewport

首先我们要在网页中加入viewport，如下。其中user-scalable=0表示禁止用户缩放大小

<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1,user-scalable=0">

2.判断手机还是电脑访问

使用下面代码判断是否电脑访问，其中any判断任意类型的手机，调用方式为isMobile.any()

var isMobile = {
        Android: function () {
            return navigator.userAgent.match(/Android/i);
        },
        BlackBerry: function () {
            return navigator.userAgent.match(/BlackBerry/i);
        },
        iOS: function () {
            return navigator.userAgent.match(/iPhone|iPad|iPod/i);
        },
        Opera: function () {
            return navigator.userAgent.match(/Opera Mini/i);
        },
        Windows: function () {
            return navigator.userAgent.match(/IEMobile/i);