我正在使用标准的居中框设计在Internet上浏览一个网站(整个网站位于一个框的中央,并且每边都有边框).缩小时,边框变小,但是内容保持不变.这可以.
但是,在他们的网站上,一旦尺寸变小,您只会获得滚动条.内容保持不变.如果在我的网站上执行此操作,诸如文本和链接之类的内容将开始滚动到多行上,并且整个网站都将损坏.即使视口很小,如何保持相同?
最佳答案
您可以尝试以下方法:
#Box
{
width: 500px;
/* overflow set to scroll will give you your scroll bars */
overflow: scroll;
}
如果您希望处理最小宽度,则由于IE不支持min-width,因此有点棘手.
您可以尝试以下方法:
#container
{
/* IE will ignore min-width */
min-width: 400px;
/* IE will process the expression below to give you your minimum width,other browsers
will ignore it */
width:expression(document.body.clientWidth < 400? "400px": "auto" );
}