ios（safari）浏览器，使用100vh遇到的问题和修改方法。
做个pdf的预览，容器的高度需要设置为100vh，发现在ios(safari)浏览器显示的时候，浏览器的底部工具栏总是会挡住底下的一部分，只有工具栏隐藏或者向上滚动的时候才能看到。 [crayon-6736d0c204e5c69855053 …
scale
原生Js 实现等比缩放页面
针对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;'); } |