Question

我创建了一个HTML页面，其宽度和高度均为“我的设计主要用于所有分辨率的百分比”，但是当我重新调整网络浏览器的大小时，一切都会被损坏。
有没有办法，当我重新调整我的网络浏览器大小时，我可以滚动页面？

Answer 1

您可以为元素指定min-width和min-height属性：

body      { min-width: 900px; }

现在，如果浏览器窗口的水平空间小于900px，它将显示一个滚动条。

Answer 2

您无法阻止最终用户调整其浏览器的大小。

但是，您可以将站点构建为固定的高度/宽度元素，然后使用CSS将该元素置于页面中心。

实施例

#main-container {
 width: 300px;
 height: 400px;
 position: absolute;
 top: 50%;
 left: 50%;
 margin-left: -150px; /* half of the width */
 margin-top: -200px; /* half of the height */
}

我认为您可以使用JavaScript和onresize事件强制浏览器宽度高度，但这可能会让您的最终用户感到烦恼。

Answer 3

处理此问题的唯一方法是使用脚本。看一下人们在页面底部浮动页脚的其他示例。

使用jQuery可能会执行以下操作： -

<script type="text/javascript">
$(document).ready(function() { setPanels(); });
window.onresize = function() { setPanels(); }

function setPanels() {
    var windowHeight = $(window).height();
    var content1Height = $('#topDiv').height();
    var content2Height = $('#bottomDiv').height();

    // Now calculate the new splits and adjust heights
    ...

</script>

如何阻止我的html页面调整大小

3 个答案: