在CSS中，可以使用viewport单位来设置视口。viewport单位是相对于浏览器窗口大小的单位，可以用来设置元素的宽度、高度、字体大小等。
以下是设置视口的两种方式：
meta标签设置：<meta name="viewport" content="width=device-width, initial-scale=1.0">其中，width=device-width表示将视口宽度设置为设备的宽度，initial-scale=1.0表示初始缩放比例为1。
body {
width: 100vw;
height: 100vh;
}其中，vw和vh分别表示视口宽度和高度的百分比单位，100vw表示元素的宽度等于视口的宽度，100vh表示元素的高度等于视口的高度。
需要注意的是，在移动端开发中，设置视口非常重要，可以使页面在不同设备上展示更加统一和美观。同时，还需要考虑到不同设备的像素密度，可以使用device-pixel-ratio进行处理。