CSS實(shí)時(shí)視圖是一種在開發(fā)中非常有用的工具，它可以讓開發(fā)者在網(wǎng)頁開發(fā)過程中直觀地看到自己的CSS效果，而不必頻繁地刷新網(wǎng)頁。

然而，有時(shí)候我們會(huì)發(fā)現(xiàn)CSS實(shí)時(shí)視圖中的字消失了，這是為什么呢？

.text {
display: inline-block;
font-size: 0;
}

很可能是因?yàn)槲覀冊(cè)贑SS中設(shè)置了字體大小為0，如上述的代碼所示。這是一個(gè)常見的CSS技巧，可以讓某個(gè)元素里的文本消失，但卻不會(huì)撐開整個(gè)元素。

如果這個(gè)元素里的文本消失了，那么我們可以在對(duì)應(yīng)的CSS樣式中把字體大小調(diào)大即可。

.text {
display: inline-block;
font-size: 16px;
}

在使用CSS實(shí)時(shí)視圖時(shí)，我們可以利用F12調(diào)試工具，在控制臺(tái)里找到對(duì)應(yīng)的CSS代碼，然后逐個(gè)將樣式禁用，找到導(dǎo)致字體消失的原因。

總之，使用CSS實(shí)時(shí)視圖雖然可以大大提高開發(fā)效率，但也要注意避免對(duì)文字造成不必要的影響。