Question

我正在处理一个图像重单页网站，我正在尝试找出一个安全的高/宽比例，这样我就可以大致了解幻灯片图像在宽度设置为100时的高度同时容纳所有页面元素而不按下折叠下方的“下一步”按钮。这考虑了浏览器界面，任务栏等等。

这就是我的意思：image link

我想知道是否有任何建议/研究/应用的半标准，如960网格来处理这些布局？

对于我的浏览器/屏幕（在1920x1080分辨率屏幕上带有菜单和地址栏的FF19），“更多”按钮将被推到折叠下方，所以我必须向下滚动才能看到它。这就是我想要避免的。显然我可以使幻灯片图像非常薄，但在大多数情况下会留下很多空白区域，所以我试图找到一个有用的平衡，如果存在的话。

干杯！

Answer 1

您的页面宽度不应超过1024像素。看看任何网站，你会发现它们没有任何大于1024 *高度的页面。如果您不希望您的网站向下滚动，请坚持使用小于1024 * 768的内容。你必须自己尝试一下。事实上，我更喜欢使用宽度为900到1000像素的东西。

示例CSS代码：

*{
    margin:0;
    padding:0;
    backgroound:#fff;

}
body { 

    font: .8em Arial, Tahoma, Verdana; 
    background: #fff url(../images/img.gif) repeat-x; color: #777; 
    width: 970px;
    margin: 0 auto;

}

编辑：至于如果将宽度设置为100％来回答您的问题，图像宽度将从容器div继承，高度将取决于图像的实际高度。对于高度小于容器div宽度的图像，高度将小于图像宽度，而对于高度大于容器div宽度的图像，图像高度将大于图像宽度。宽高比将为但是要保守。我想你想在重新调整图像大小后保留所有图像的宽高比。您应该为图像提供max-width和max-height css属性，以确保它们不会超出容器div并按下更多按钮。

如果您不想保留纵横比，只需设置图像的宽度和高度。

或者，为什么不像网页左侧的Facebook，Google和其他链接那样使“更多”按钮浮动？

全页网站设计的任何事实标准比率

1 个答案:

全页网站设计的任何事实标准​​比率

1 个答案:

全页网站设计的任何事实标准比率