CSS可以實現許多網頁設計的需求，其中包括實現長圖的查看功能。在這篇文章中，我們將介紹使用CSS實現長圖查看的方法。

首先，我們需要確定我們要制作的長圖的大小。假設我們要制作的長圖是寬度為1000像素，高度為5000像素，我們可以使用以下CSS代碼來設置長圖的大小：

img {
width: 1000px;
height: 5000px;
}

接下來，我們需要創建一個容器來包含長圖。我們可以使用一個div元素來創建一個容器，并使用以下CSS代碼來設置容器的大小和樣式：

.container {
width: 100%;
height: 100vh;
overflow: scroll;
}
.container img {
display: block;
margin: 0 auto;
}

這段代碼中，我們使用了100vh來設置容器的高度，這意味著容器將填滿視口的高度。我們還使用了overflow:scroll;來創建一個可滾動的容器。我們還使用了display:block;和margin:0 auto;來確保長圖居中顯示。

最后，我們需要把長圖放入容器中。我們只需要將img元素放入.container元素中即可：

現在，我們已經成功地使用CSS實現了一個長圖查看器。用戶可以在容器中滾動來查看長圖的不同部分。