富媒體是現在網頁設計和開發越來越常用的一個概念，它包括了文本、圖片、視頻、音頻等多種形式的媒體內容。而CSS作為前端技術的一部分，可以用來開發富媒體內容并將其呈現在網頁上。這里我們來看一看如何用CSS來做富媒體作業。

/*樣式文件*/
img {
max-width: 100%;
height: auto;
}
.video {
width: 100%;
height: 600px;
}
.audio {
width: 100%;
height: 50px;
background-color: #F5F5F5;
border-radius: 25px;
overflow: hidden;
}
.audio audio{
display: block;
width: 100%;
height: auto;
}

首先，使用CSS設置圖片在網頁上的最大寬度為100%，高度自適應，這樣保證了圖像的自適應性，而不至于變形。類名為“.video”的div設置了視頻內容的大小為100%的寬度和600px的高度，這樣就可以充滿整個容器并占據充足的高度。而“audio”類則設置了音頻的大小和樣式，這里特別說明一下，音頻標簽具有固有樣式，因此需要用外層的div容器來限制樣式。這里給div容器添加了50px的高度限制，并設置了一個圓角，以及局限播放器播放范圍。

在使用富媒體的過程中，我們也需要注意到不同瀏覽器之間的兼容性。例如，在視頻的播放上，不同的瀏覽器對視頻格式的支持不同，有些瀏覽器可能會需要特定的視頻格式才能播放；而音頻同理，需要兼容各種主流瀏覽器，以確保每個用戶都能順暢地進行瀏覽。綜上可以說，CSS的運用對于富媒體的呈現和開發起著重要的作用。