jquery 设置 html标签响应式布局

标签：单位   font   window   htm   计算   rem   function   win   浏览器   

function sWidth() {//计算当前设备宽度
    var widthSize;
    if ($(window).width() <= 640) {
        widthSize = $(window).width()
    }
    if ($(window).width() > 640) {
        widthSize = 640
    }
    $(‘html‘).css({‘font-size‘: widthSize, ‘width‘: widthSize, ‘margin‘: ‘0 auto‘});
    $(window).resize(function () {//当浏览器窗口发生改变时，再一次调整界面布局：参考单位（rem）
        if ($(window).width() <= 640) {
            widthSize = $(window).width()
        }
        if ($(window).width() > 640) {
            widthSize = 640
        }
        $(‘html‘).css({‘font-size‘: widthSize, ‘width‘: widthSize, ‘margin‘: ‘0 auto‘});
    });
}

jquery 设置 html标签响应式布局

标签：单位   font   window   htm   计算   rem   function   win   浏览器   

原文地址：http://www.cnblogs.com/mo-cha/p/6065008.html