HTML携帯端末画面対応

1925 ワード

        "UTF-8">
        "viewport" content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
        "apple-mobile-web-app-capable" content="yes" />
        "apple-mobile-web-app-status-bar-style" content="black-translucent" />
        "format-detection" content="telephone=yes" />
        "msapplication-tap-highlight" content="no" />
        "X-UA-Compatible" content="IE=Edge,chrome=1">

//CSS   rem  px,JS         rem  
window.setFontSize = function() {
    var size = document.documentElement.clientWidth / 750 * 100;
//  size = size > 50 ? size : 50
//  console.log(size);
    document.documentElement.style.fontSize = size.toString()  + "px";
};
setFontSize();
//              
$(window).resize(function() {
    setFontSize()
});