固定宽度页面布局

Question

我的经理经常提到固定宽度的页面布局。我不知道他的意思，也不想问。他走到我的办公桌前，调整我的浏览器宽度，喃喃地说了些什么。我想问的是这个。

1. 什么是固定宽度的页面布局？
2. 另一种选择是什么？
3. 为什么这很重要？

谢谢,

萨钦

Answer 1

固定宽度是指由绝对单位固定宽度的文档样式。

px是一个绝对单位的例子。

width: 100px;

另一种选择是使宽度相对，例如%。

width: 60%;

之所以如此重要，是因为不同的人会有不同的屏幕大小，或者以不同的方式使用他们的浏览器。

使用固定宽度意味着用户在较小的屏幕上，或使用他们的浏览器最小化，必须滚动水平，而不是页面宽度调整取决于他们的浏览器窗口的大小。

Answer 2

我认为这是关于流体设计的。这基本上意味着页面上的宽度是使用%而不是px来定义的。当您以这种方式设置它时，当视口变小时，页面缩放。尽管您必须注意到，与此一起使用表可能会成为问题。

进一步实现这一目标的另一种方法是使用媒体查询。

最后一件事。你为什么不问问你的老板他是什么意思？

Answer 3

我认为你是用表格来设计你的设计，当你放大画布，你的设计，走出盒子，你应该使用DIV基础设计，这将代表你的屏幕调整。