固定宽度页面布局

Question

我的经理一直提到固定宽度的页面布局。我不知道他的意思，也不想问。他来到我的办公桌前，调整了我的浏览器宽度并调整了一些东西。我想问的是这个。

1. 什么是固定宽度的页面布局？
2. 有什么替代方案？
3. 为什么重要？

谢谢，

萨钦

Answer 1

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

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

width: 100px;

另一种方法是使宽度相对，例如%。

width: 60%;

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

使用固定宽度意味着较小屏幕上的用户或使用其浏览器最小化的用户必须水平滚动而不是根据浏览器窗口的大小调整页面宽度。

Answer 2

我认为这是fluid design。这基本上意味着页面上的宽度是使用%而不是px定义的。当您以这种方式设置视口变小时的页面比例。虽然您必须注意使用带有此表的表可能会出现问题。

进一步实现这一目标的另一种方法是使用media queries。

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

Answer 3

我认为当您放大设计的画布时，您正在使用桌子进行设计开箱即用，您应该使用DIV基础设计，这将代表您的屏幕进行调整。