网页布局中经常要定义元素的宽和高。但很多时候我们希望元素的大小能够根据窗口或子元素，自动调整，这就是pc自适应。
自适应的优点：
元素自适应在网页布局中非常重要，它能够使网页显示更灵活，可以适应在不同设备、不同窗口和不同分辨率下显示。
要让网页自适应屏幕大小，可以使用响应式布局或流式布局。以下是一些常见的方法：
1. 使用CSS媒体查询：根据屏幕大小设置不同的CSS样式，以适应不同的设备。
2. 使用viewport meta标签：设置viewport的大小，让网页自动缩放以适应不同的屏幕大小。
3. 使用flexbox布局：使用CSS的flexbox属性可以让网页元素自适应屏幕大小。
4. 使用流式布局：使用百分比或em单位来设置网页元素的宽度和高度，让它们适应不同的屏幕大小。
5. 使用框架：使用流行的前端框架如Bootstrap、Foundation等，它们提供了响应式布局的组件和样式，可以让网页快速适应不同的屏幕大小。
