css3 手机简易自适应代码

css3 最简单自适应。 不需要再算百分比了。

在页面里面引入

这一段javascript 代码。

(function() {
function densityDpi() {
var a = document.getElementById('densityDpi');
if ( !! a) {
var b = parseInt(window.screen.width);
var c = b / 640;
var d = RegExp("Android").test(navigator.userAgent);
var e = !! navigator.userAgent.match(/(i[^;]+\;(U;)? CPU.+Mac OS X)/);
if (d) {
a.setAttribute('content', 'width=640, user-scalable=no, minimum-scale = ' + c + ', maximum-scale = ' + c + ',initial-scale = ' + c + ',target-densitydpi=device-dpi')
} else if (e) {
a.setAttribute('content', 'width=640, user-scalable=no, minimum-scale = ' + c + ', maximum-scale = ' + c + ',initial-scale = ' + c)
}
}
}
densityDpi()
}());

var c = b / 640; 这一句，如果你的psd是720的 就改成720 如果是640的就改成640

字体设置必须是像素。全部必须都是像素。