隨著科技的不斷發展，我們的生活已經離不開各種“智能”設備，其中包括手機、平板等移動設備。這些設備中普遍都搭載了攝像頭，使得人們可以隨時隨地進行拍照、視頻等操作。不過，當我們使用網頁時，卻無法直接使用所搭載的攝像頭。那么，如何在網頁中使用設備中的攝像頭呢？答案就是借助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的能力，我們可以輕松地實現對攝像頭的調取和展示操作。