CSS3中新增了一些属性和单位，使得开发者可以更轻松地实现页面的自适应。其中，关键的属性是viewport，它定义了网页的可视区域大小。
<meta name="viewport" content="width=device-width, initial-scale=1.0">
上述代码会告诉浏览器，将页面宽度设置为设备宽度，并将初始缩放比例设置为1。
除了viewport，CSS3还引入了媒体查询，它可以根据不同设备的屏幕大小或方向来为页面应用不同的样式。
@media screen and (max-width: 768px) {
/* 在宽度小于等于768px的屏幕中应用以下样式 */
}最后一个关键是使用响应式设计，这是一种设计方法，根据不同的设备以及其屏幕大小和方向来调整页面的布局和内容。响应式设计可以通过CSS媒体查询和弹性布局来实现。
总之，CSS3自适应尺寸可以让页面在任何设备上都能够自适应调整，提供最佳的用户体验，并且可以让开发者更加便捷地实现这一目标。