CSS3的viewport指的是瀏覽器視口。在移動設備上，我們經常需要自適應不同的屏幕尺寸，這時候就需要用到viewport。而CSS3也對viewport做了很多的擴展，這就是所謂的CSS3 viewport。

CSS3 viewport包括三個部分：寬度、高度、縮放

<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no">

以上代碼定義了viewport的一些基本屬性。其中，width指的是viewport的寬度，initial-scale指的是頁面的初始縮放程度，maximum-scale和user-scalable屬性可以用于定義用戶是否可以縮放網頁。

在CSS3中，viewport還可以用于定義媒體查詢的條件，例如，我們可以根據viewport的寬度來使用不同的樣式。

@media only screen and (max-width : 768px) {
/* styles for mobile devices */
}
@media only screen and (min-width : 769px) {
/* styles for desktop devices */
}

在以上代碼中，我們根據viewport的寬度來判斷設備類型，使用不同的樣式。如果viewport寬度小于或等于768px，則使用移動設備的樣式，否則使用桌面設備的樣式。