1. 父容器
父容器是指整个网页中包含HTML、CSS和JavaScript等资源的整个容器。父容器的大小是由子容器决定的，因此子容器的大小也需要计算。
2. 子容器
子容器是指网页中包含HTML、CSS和JavaScript等资源的每个元素。子容器的大小是由父容器决定的，因此子容器的大小也需要计算。一般来说，子容器的大小可以通过以下公式计算：
“`
size: measure + add_ons
“`
其中，`size`表示子容器的大小，`measure`表示子容器实际被占用的空间大小，`add_ons`表示可能包含的其他内容，例如图片、样式表等。
3. 响应式设计
响应式设计是指根据用户的设备类型和屏幕大小，自动调整网页的布局和样式。响应式设计的实现需要对设备类型和屏幕大小进行收集和分类，然后将所有设备类型和屏幕大小对应的布局和样式进行合并，最终生成适用于所有设备的通用布局和样式。
4. 布局计算
在响应式设计中，布局计算指的是根据父容器的大小，计算出子容器的大小和需要显示的内容。布局计算的具体步骤包括：
1) 计算父容器的大小，通常使用`size`属性和`width`、`height`等属性进行计算。
2) 计算子容器的大小，根据父容器的大小和设备类型和屏幕大小，计算出子容器的大小。
3) 计算需要显示的内容，根据子容器的大小和父容器的大小，计算出需要显示的内容。
4) 调整布局，根据需要调整布局，例如调整文本大小、位置等。
以上就是关于CSS响应式布局怎么计算的文章。通过了解这些计算方法，大家可以更加灵活地使用CSS来设计和调整网页布局，以满足不同的用户需求。