0

http://www.juliabailey.com/

该网站具有流畅的设计，并且运行良好。

http://goo.gl/j6snn

这是我的网站。流体视图取决于宽度。因此，当我让浏览器变大时，宽度和高度都会变大。但问题是高度太大并且创建了我不想要的滚动条。我没有什么滚动条出现在我的页面上。我认为最好的方法是根据高度的流体视图，因此无论您的浏览器是 800x600 还是 1600x1200，它总是适合浏览器。我该怎么做 ？

这是我的包装代码；

#wrapper {
    width:auto;
    height:auto;
    width:80%;
    min-width:550px;
    max-width:1150px;
    margin:50px auto 0 auto;
    z-index:100;
    }
4

2 回答 2

0

对类的属性使用百分比。例如：

wrapper {
width: 92%;
}
content {
width: 73%;
}
sidebar {
width: 25%
}

输入东西或

您还可以使用 javascript 来检测您需要什么，然后动态更改实现。有点像这样

    function dynamicLayout(){ var browserWidth = getBrowserWidth();  
    // Narrow CSS rules 
if (browserWidth < 640){ changeLayout("narrow"); } 
    // Normal (default) CSS rules 
if ((browserWidth >= 640) && (browserWidth <= 960)){ changeLayout("default"); } 

    // Wide CSS rules 
if (browserWidth > 960){ changeLayout("wide"); } }

在您的示例中，您有一个最小宽度属性，这意味着如果它小于您将有滚动条。如果您不想要滚动条，则不能为任何布局元素设置任何静态值，因此它可能会根据浏览器窗口大小进行调整。

于 2012-05-11T01:48:57.490 回答
0

使用min-heightand max-height，这样浏览器会在到达它们时停止缩放。您的示例滚动条始终可见，即使它是“空的”，这就是它在调整大小时不会跳转的原因。

于 2012-05-11T03:07:40.470 回答