微信H5适配:解决微信调整字号大小导致Html5页面混乱
微信H5使用rem进行适配,如果调整了微信的字体大小出现了页面混乱的问题,则需要禁止微信字体放大,修改如下 OS系统禁止微信客户端修改字体大小: /* iOS禁止微信调整字体大小 */ [crayon-6736cc803fba1608 …
微信H5使用rem进行适配,如果调整了微信的字体大小出现了页面混乱的问题,则需要禁止微信字体放大,修改如下 OS系统禁止微信客户端修改字体大小: /* iOS禁止微信调整字体大小 */ [crayon-6736cc803fba1608 …
针对1920*1080 分配率缩放
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 |
<pre class="inline:true class:language-javascript decode:1 " >window.addEventListener('load', adaptation); window.addEventListener('resize', adaptation); function adaptation () { var w = document.body.clientWidth; var h = document.body.clientHeight; var nw = 1920; nh = 1080; var left, top, scale; if (w / h > nw / nh) { scale = h / nh; top = 0; left = (w - nw * scale) / 2; } else { scale = w / nw; left = 0; top = (h - nh * scale) / 2; } document.body.style.zoom = scale; //document.getElementById('main').setAttribute('style', 'transform: scale('+ scale +');left:'+left+'px;top:'+top+'px;'); } |
JavaScript 在父窗口中获取iframe中的元素 1 2 3 4 5 6 7 8 9 10 11 格式:window.frames[ "iframe的name值" ].document.getElementById([crayon-6736cc8041e260804 …