修复布局,以便不会重新排列内容

时间:2014-02-19 09:07:06

标签: html css dom

我正在尝试修复网页的网页布局,使其不会调整大小或重新排列。 例如,检查http://www.boutell.com/newfaq/creating/fixedwidthlayout.html处的页面 。在我的浏览器(chrome)上,当我沿着x轴调整窗口大小时,文本会重新排列以适应可视区域。

另一方面,http://msdn.microsoft.com/en-us/library/ie/dn255008(v=vs.85).aspx

当我沿着x轴调整窗口大小时,文本不会重新排列以适应自己。我需要我的网页不要像后一种情况那样重新排列。无法隔离控制此属性的属性。我在body标签中尝试了position:absolute。没有运气

1 个答案:

答案 0 :(得分:0)

你有一个流畅的布局。您的所有列的宽度都设置为百分比。因此,当浏览器大小更改时,列的宽度也会更改。让我们说你的一个容器宽度为15%。当浏览器窗口宽度为2000px时,此容器的大小将从2000px = 300px计算为15%;在另一台设备上,宽度为1200px,它将是180px。

  • 修复它以将宽度更改为px的最快方法;

  • 另一种方法是设置min-width属性,然后容器可以 充当流动,但在某些时候它不会变小。例如:

    .columnt {    宽度:15%;    最小宽度:200px; }

希望你明白这一点。