CSS3是一種強大的樣式語言，它允許我們創建出極為炫酷的效果，其中自適應圓圈效果就是其中之一。

要實現這種效果，我們需要使用CSS3中的一些新屬性：

/* 設置圓圈的直徑 */
.circle {
width: 50px;
height: 50px;
border-radius: 50%;
}
/* 將文字居中 */
.circle p {
text-align: center;
line-height: 50px;
}
/* 使用flex布局將文字垂直居中 */
.circle {
display: flex;
align-items: center;
}
/* 使用CSS3漸變背景，讓圓圈顏色更加生動 */
.circle {
background: linear-gradient(45deg, #fa709a, #fee140);
}
/* 設置文字陰影效果，讓文字更加鮮明 */
.circle p {
text-shadow: 1px 1px 1px rgba(0,0,0,0.5);
}

通過以上代碼，我們可以將文字自適應到圓圈中并且實現漸變背景和文字陰影效果。這個效果可以用于按鈕、標簽等場景，增加了頁面的美觀度和用戶體驗。