client系列与移动端rem布局

client系列 client:客户区，可视区 获取盒子的大小

div.clientWidth：获取的就是盒子的宽度，不包括边框

div.clientHeight：获取的就是盒子的高度，不包括边框

div.clientLeft：获取的就是左边框的宽度

div.clientTop：获取的就是上边框的宽度

client系列： 获取整个window的大小

第一种方法：

[code]window.onresize = function() {
// 获取到窗口的宽度和高度
console.log(document.documentElement.clientWidth);
console.log(document.documentElement.clientHeight);
}

第二种方法（推荐）：

[code]window.onresize = function() {
// 获取到窗口的宽度和高度
console.log(window.innerWidth);
console.log(window.innerHeight);
}

移动端rem布局（用css的@media媒体查询同样可以实现rem布局，但我推荐这种，因为它更简洁灵活）：

[code]<script>
// 一般需要在页面加载前设置html的fontSize的大小
function fn(){
var width = window.innerWidth;
//取得最小值，也就是让屏幕宽度不超过750
width = Math.min(width, 750);
//取得最大值，也就是让屏幕宽度不小于320
width = Math.max(width , 320);
document.documentElement.style.fontSize = width/15 + 'px';
}
// 在页面加载时先调用一次fn方法
fn();
window.onresize = fn;

</script>