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

我制作了一个HTML页面，其宽度和高度均为百分比“这对于我的设计可以使用所有分辨率来说是主要的”，但是当我重新调整网页浏览器大小时，一切都将被损坏。
有没有办法，当我重新调整我的网页浏览器的大小，我可以滚动页面？如何阻止我的html页面调整大小

来源

2010-03-25 trrrrrrm

可能我谦恭地提出，如果你去到“与所有决议的工作”，但它并不适用于所有的工作的决议（窗口大小），你错过了你的目标？ – deceze 2010-03-25 05:51:43

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

使用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>

来源

2010-03-25 06:00:35

可以给元件最小宽度和最小高度属性：

body  { min-width: 900px; }

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

来源

2010-03-25 05:50:32

最小宽度不支持所有浏览器AFAIK – Faruz 2010-03-25 05:54:58

没有工作！：'（ – trrrrrrm 2010-03-25 05:58:08

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

但是，您可以将您的网站构建为固定的高度/宽度元素，然后使用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事件，但是这可能会惹恼你的最终用户。

来源

2010-03-25 05:53:06 alex

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

回答

相关问题