移動端ページの拡大縮小(ズーム)

832 ワード

もし設計図がiphone 6をベースにしているなら、それをもとに設備表示の大きさに合わせてスケーリングして、異なる設備対応の効果を実現します.
function resetRender() {
    var baseWidth = 750;
    var currWidth = document.getElementsByTagName('html')[0].offsetWidth;
    var _body = document.getElementsByTagName('body')[0];
    _body.style.zoom = currWidth / baseWidth
}
注意:safariは、拡大縮小時にフォントbugソリューションがあります.フォントスタイルにzoom:0.9999を追加すると、フォントが正常に配置されます.