在網頁開發中，為了方便復用和維護，我們經常會將網頁拆分成不同的模塊，而iframe正是一種常用的方式來實現模塊化。但是當iframe的大小與父容器的大小不一致時，就需要使用css來實現自適應。

下面是一個示例，假設有一個父容器，內部有一個iframe。我們希望iframe隨著父容器的大小變化而自適應。

<div class="parent">
<iframe src="demo.html"></iframe>
</div>

首先我們需要設置父容器的寬高，同時給iframe設置寬高100%。

.parent {
width: 100%;
height: 500px;
}
.parent iframe {
width: 100%;
height: 100%;
}

上述代碼中，父容器的高度為固定值500px，寬度為100%。對于iframe，寬高也都設置為100%。此時，iframe的寬高已經與父容器一致。

但是，當父容器的大小發生變化時，iframe的大小仍然不變。此時我們需要使用@media查詢來實現自適應。

@media screen and (max-width: 768px) {
.parent iframe {
height: 300px;
}
}

上述代碼中，我們設置了一個@media查詢，當屏幕寬度小于等于768px時，修改iframe的高度為300px。這樣就能實現自適應了。

在實際開發過程中，需要根據情況調整具體的樣式和@media查詢。