移動端ページの拡大縮小(ズーム)
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
を追加すると、フォントが正常に配置されます.