让手机适应页面

现在都在提出页面适应手机，这一点让我很痛苦。

一种就是用框架，各种框架要精通才能使用，而且这些框架带着一些字体啊js文件或者jQuery依赖啊之类的，总之很麻烦。

二种就是自己写，keyfram之类的，似乎也很麻烦。

后来有了这么一种方法，设置手机的缩放比例，然后禁止用户缩放手机屏幕。。搞定。

code：

 //移动端兼容适配
        if (/Android\s(\d+\.\d+)/.test(navigator.userAgent)) {
            var version = parseFloat(RegExp.$1);
            if (version > 2.3) {
                var phoneScale = parseInt(window.screen.width) / 640;
                document.write('<meta name="viewport" content="width=640, minimum-scale = ' + phoneScale + ', maximum-scale = ' + phoneScale + ', target-densitydpi=device-dpi">');
            } else {
                document.write('<meta name="viewport" content="width=640, target-densitydpi=device-dpi">');
            }
        } else {
            document.write('<meta name="viewport" content="width=640, user-scalable=no, target-densitydpi=device-dpi">');
        }

从此之后，手机永远的变成了640的宽度。设计的时候只要考虑这一种就好了。。。。。