随着科技的不断发展，我们的生活已经离不开各种“智能”设备，其中包括手机、平板等移动设备。这些设备中普遍都搭载了摄像头，使得人们可以随时随地进行拍照、视频等操作。不过，当我们使用网页时，却无法直接使用所搭载的摄像头。那么，如何在网页中使用设备中的摄像头呢？答案就是借助CSS的能力来实现。

/* 首先要获取到用户的摄像头设备 */
navigator.mediaDevices.getUserMedia({
video: true, // 是否需要使用摄像头的视频
audio: false // 是否需要使用摄像头的音频
}).then(stream =>{ // 获取到视频流后执行的操作
/* 这里可以将视频流展示在页面中或者进行其他操作 */
}).catch(error =>{ // 获取视频流失败时的处理方法
console.log(error.message);
});

如上所示，我们可以通过navigator.mediaDevices.getUserMedia()方法来获取到用户的摄像头设备的视频流。方法中需要传入一个配置对象，其中video属性表示是否需要使用摄像头的视频，audio属性表示是否需要使用摄像头的音频。该方法返回一个Promise对象，当获取到视频流时会执行then()方法里的代码，否则会执行catch()方法里的代码。

在获取到视频流后，我们可以将其展示在页面中，此时需要使用到CSS的一些属性，例如object-fit属性用于指定视频流的适应方式，transform属性用于指定视频流的缩放、旋转等变换，filter属性用于指定视频流的滤镜效果等等。因此，通过CSS的能力，我们可以轻松地实现对摄像头的调取和展示操作。