CSS3屏幕自适应是指通过应用CSS3的弹性盒子布局（flexbox）、媒体查询（media queries）和可缩放矢量图形（scalable vector graphics）等技术，实现网页在不同设备、不同分辨率下的自适应效果。

通过使用弹性盒子布局，可以轻松实现网页的自适应，使页面在不同设备上呈现出相同的视觉效果。例如，我们可以设置一个父级元素为flex容器，然后通过设置子元素的弹性属性，使它们在容器中按照一定比例分配空间。这样，无论是在大屏幕电脑、平板还是手机上，页面都能很好地适应不同的屏幕尺寸。

.container {
display: flex;
flex-wrap: wrap;
justify-content: space-around;
}
.item {
flex: 1 0 30%;
margin-bottom: 20px;
}

媒体查询是CSS3的另一个重要特性，它可以根据屏幕的宽度、高度、方向等特征来动态地改变样式表。通过设置不同的媒体查询，我们可以为不同尺寸的设备提供不同的样式，从而实现页面的自适应。例如，我们可以设置在屏幕宽度小于800像素时，文本的字号变为14像素，背景颜色变为灰色。

@media screen and (max-width: 800px) {
body {
font-size: 14px;
background-color: #dcdcdc;
}
}

最后，可缩放矢量图形也是实现屏幕自适应的重要技术。与传统的位图不同，矢量图形可以通过数学公式进行描述，因此可以无损地缩放和变形，适应不同分辨率的设备。例如，我们可以使用SVG图形代替传统的JPG、PNG格式图片，从而实现更好的屏幕适应效果。

综上所述，CSS3的屏幕自适应技术可以大大提高网页的用户体验，使页面在不同设备、不同分辨率下都能呈现出最佳效果。同时，我们还可以使用响应式设计（responsive design）思想，通过更灵活的布局和交互方式，为用户提供更好的浏览体验。