如果你在瀏覽網頁的時候發現頁面打開時有跳動現象，那么這很可能是由于 CSS 造成的。那么什么導致頁面跳動以及如何解決呢？

首先，頁面跳動的原因有多種，可能是因為圖片或者其他媒體資源加載過慢，也有可能是因為 JavaScript 腳本的執行時間過長。不過，在大多數情況下，頁面跳動是由于 CSS 導致的。

/* 以下是典型的導致頁面跳動的 CSS 代碼 */
.example{
box-sizing:border-box;
width:100%;
padding:10px;
border:1px solid #ccc;
}

上述 CSS 代碼中，width 屬性設置為 100%，并且 padding 和 border 屬性都有值。這會導致外邊距計算不準確，從而出現頁面跳動的現象。為了解決這個問題，我們可以使用 box-sizing 屬性來調整元素的盒模型，使其適應我們的需求。

/* 使用 box-sizing 屬性來防止頁面跳動 */
.example{
box-sizing:border-box;
width:100%;
padding:10px;
border:1px solid #ccc;
}

使用 box-sizing 屬性將元素的 padding 和 border 包含在內部盒模型中，這樣就能確保元素的尺寸不會發生變化。這是最常用的解決方案，可以有效避免頁面跳動的問題。