在Web開發中，設置全屏顯示是一個常見的需求。例如，當我們要制作幻燈片或者視頻播放頁面時，就需要讓頁面全屏顯示，以提升用戶體驗。

在CSS中，可以使用以下方法設置頁面全屏：

html,body{
height:100%;/*將html和body元素的高度設置為100%*/
margin:0;/*去掉頁面的邊距*/
}

以上的CSS代碼將設置html和body元素的高度為100%，使它們占據整個屏幕。接下來，我們需要為要全屏顯示的元素設置樣式：

.fullscreen{
width:100%;
height:100%;
}

以上的CSS代碼將為class為fullscreen的元素設置寬度和高度均為100%，使其充滿整個屏幕。

最后，我們需要使用JavaScript代碼來實現全屏顯示：

var element=document.documentElement;//獲取HTML元素
if(element.requestFullscreen){
element.requestFullscreen();//Chrome、Safari和Opera瀏覽器中的實現方法
}else if(element.mozRequestFullScreen){
element.mozRequestFullScreen();//Firefox瀏覽器中的實現方法
}else if(element.webkitRequestFullscreen){
element.webkitRequestFullscreen();//早期版本的Chrome和Safari瀏覽器中的實現方法
}else if(element.msRequestFullscreen){
element.msRequestFullscreen();//IE和Edge瀏覽器中的實現方法
}

以上的JavaScript代碼將獲取HTML元素，并根據不同的瀏覽器類型調用相應的全屏方法。通過以上的步驟，我們就可以實現頁面的全屏顯示。