小编alc*_*ven的帖子

Facebook,Instagram和Twitter浏览器未返回正确的视口高度

我一直在寻找一个适用于所有这些社交浏览器或至少Facebook的过去几周的解决方案,并且尚未找到任何结果或找到任何有用的东西.我看过设置调整大小功能的最后几篇帖子对我来说都没有用.

我试过了

JS

function _fixViewportHeight() {
    var html = document.querySelector('html');

    function _onResize(event) {
        html.style.height = window.innerHeight + 'px';
    }

    window.addEventListener('resize', _.debounce(_onResize, 125, {
        leading: true,
        maxWait: 250,
        trailing: true
    }));

    _onResize();
}

_fixViewportHeight();
Run Code Online (Sandbox Code Playgroud)

CSS

html, body, .fullpage-wrapper {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  overflow: hidden;
}
Run Code Online (Sandbox Code Playgroud)

视口元标记

<meta name="viewport"
  content="width=device-width, initial-scale=1.0, maximum-scale=1.0, target-densityDpi=device-dpi">
Run Code Online (Sandbox Code Playgroud)

还试过这个JS

window.addEventListener("resize", function(){
  onResize();
});

function onResize(){
  document.querySelector("html").style.height = window.innerHeight + "px"
 setTimeout(function(){$(window).scrollTop(0)}, 1000);
};

onResize();
Run Code Online (Sandbox Code Playgroud)

想知道我看到某个地方的脚本是否可行 - 但我不确定如何正确实现它.

FB.Canvas.getPageInfo(
    function(info) { …
Run Code Online (Sandbox Code Playgroud)

javascript css facebook viewport instagram

7
推荐指数
1
解决办法
607
查看次数

标签 统计

css ×1

facebook ×1

instagram ×1

javascript ×1

viewport ×1