css - 固定宽度页面布局

Question

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

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

谢谢，

萨钦

Answer 1

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

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

width: 100px;

一种替代方法是使您的宽度相对，例如%.

width: 60%;

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

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

Answer 2

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

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

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

Answer 3

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