在移動設備逐漸普及的今天，網站也需要做出相應的改變以適應不同的屏幕尺寸，其中css自動縮小功能便是其中一項。

在編寫樣式表時，可以使用以下代碼讓元素在手機端自動縮小：

body {
font-size: 16px;
}
@media screen and (max-width: 768px) {
body {
font-size: 14px;
}
}

在上述代碼中，首先給整個頁面的字體大小都設置為16像素，然后在媒體查詢中設置當屏幕寬度小于或等于768像素時，將字體大小調整為14像素。這樣一來，在手機端訪問頁面時，頁面中的文字會自動縮小為適合屏幕的大小。

需要注意的是，這種自動縮小的方式只適用于不涉及布局的樣式，例如字體大小、行高等，如果需要對整個布局進行適配，則需要使用一些其他的技術。

總的來說，css自動縮小功能是適應不同設備的一種簡單而有效的方法，可以讓網站在各種屏幕尺寸下都保持良好的瀏覽體驗。