页面字体自适应

页面字体自适应

html { font-family: "黑体", Helvetica, STHeiTi, Arial, sans-serif; -ms-text-size-adjust: 100%; -webkit-text-size-adjust: 100%; font-size: 62.5%; }
.a{
    font-size:1rem;
}
$(document).ready(function() {
    (function() {
        var $html = $('html');
        var $window = $(window);
        var $body = $("body");
        var psdsize = 840;
        var htmlfont = $body.width() / psdsize * 100 + 'px';
        $html.css('font-size', htmlfont);
        $body.css('opacity', 1);
        $window.resize(function() {
            htmlfont = $body.width() / psdsize * 100 + 'px';
            $html.css('font-size', htmlfont)
        });
    })();//页面rem单位初始化适应
});

页面图片按比例给高

window.onload=function(){
    var proportion = 640/350;
    var main_visual = $('.mainOneTop');

    var width = $(window).width();
    var height = Math.round(width/proportion);
    $('.mainOneTop').height(height);
}