前端开发是一项需要面对不同屏幕尺寸的挑战的工作。为了确保用户在不同设备上都能够进行良好的浏览体验，适屏成为前端开发的一个必要技能。

CSS是前端开发的重要组成部分，其中适屏使用了很多CSS技术。

第一种适屏技术是通过设置viewport meta标签，以确保网页在移动设备上的正确显示。该标签控制浏览器窗口和虚拟窗口之间的关系，通常包含以下代码：

<meta name="viewport" content="width=device-width, initial-scale=1.0" />

其中，width=device-width表示将viewport宽度设置为设备宽度，initial-scale=1.0表示默认缩放比例。此代码片段告诉浏览器使用设备的宽度作为viewport的宽度，从而确保网页的宽度始终符合设备的宽度。

第二种适屏技术是使用CSS Media Query。Media Query是CSS3的一个模块，允许根据设备的属性（如屏幕尺寸、屏幕方向等）应用不同的样式。

下面是Media Query的一个示例：

@media screen and (max-width: 600px) {
body {
background-color: #f00;
}
}

这段代码将在屏幕宽度小于等于600像素时为body应用红色背景颜色。使用Media Query可以根据屏幕尺寸和设备类型等特性为网页提供不同的样式，从而实现适屏。

总之，前端开发中的适屏是非常重要的，因为它可以为不同的设备提供最佳的浏览体验。通过设置viewport meta标签和使用CSS Media Query，开发人员可以更好地处理不同设备的屏幕尺寸和视觉表现。