Question

让我解释一下这个问题，目前我已经设定了例如：

#masterpage {
    min-height: 100%;
    min-width: 100%;
    overflow: auto;
}

现在我想要做的就是这个;

当页面加载时，它将最小高度和最小宽度设置为代表100％的像素（这意味着宽度将在高清屏幕上设置为1920，类似于1280旧屏幕）

但是在调整大小时，我不希望它再次改变，我只是希望它保持原始大小，以便我可以放大并滚动页面。这个过程并不意味着它将永远保持这种状态，当一个刷新页面时它应该重置自己（或者实际上可以用cookie保存它）。

我已经尝试了很多东西来实现这一点，一些javascript和代码隐藏中的一些东西，但我似乎无法获得实际的预期效果。有没有人解决过这个问题，或者有人知道如何解决这个问题吗？

Answer 1

在pageload事件上抓取窗口宽度和高度，将它们存储在变量中，然后为窗口大小调整事件设置一个侦听器。触发时，将主容器的CSS的min / max-width和min / max-height设置为这些变量。

Answer 2

JQuery：如果你想获得正确的高度，你应该尝试window.load事件，该事件在加载所有图像和对象并且页面已经呈现后触发：

$(window).load(function() {
     var bodyHeight = $("body").height();
});

Answer 3

只需使用JavaScript：

window.onload = function(){
  var masterPage = document.getElementById('masterpage');
  masterPage.style.width = window.innerWidth;
  masterPage.style.height = window.innerHeight;
};

CSS，如何在第一页加载时将最小高度/宽度设置为屏幕高度/宽度？

3 个答案: