淘寶頁的全屏效果是非常炫酷的，下面我們就一起看看淘寶css代碼中關于全屏的實現。

body {
width: 100%;    /* 使body寬度為100% */
height: 100%;    /* 使body高度為100% */
overflow: hidden;    /* 隱藏滾動條 */
}
.fullScreen {
width: 100%;    /* 使元素寬度為100% */
height: 100%;    /* 使元素高度為100% */
position: fixed;    /* 設置元素為fixed定位 */
top: 0;
left: 0;
z-index: 100;    /* 設置元素z-index值為100，使其顯示在最前面 */
}

上述代碼中，我們首先將body元素的寬度和高度都設置為100%，這樣才能使頁面全屏顯示。而同時又隱藏了滾動條，這樣就可以達到純全屏的效果。接下來是關鍵代碼，我們定義一個名為“fullScreen”的元素，并將它的寬度和高度都設置為100%，同時采用fixed定位，這樣它就能夠相對于窗口保持固定位置，無論在何時、何地都不會改變位置。最后，我們將元素的z-index值設為100，這樣它就可以顯示在最前面了。