在制作網頁時，往往需要表格來展示信息。我們可以使用HTML中的table標簽來創建表格，通過CSS中的樣式來使表格更加美觀，而其中的td標簽則要用到自適應技術，以適應不同屏幕大小和分辨率的設備。

td {
width: 20%; /*設置每個單元格的初始寬度為20%*/
min-width: 100px; /*設置最小寬度為100像素，以防止過度縮小*/
max-width: 200px; /*設置最大寬度為200像素，以防止過度擴大*/
white-space: nowrap; /*防止單元格內容換行，造成表格錯位*/
overflow: hidden; /*超過寬度就隱藏單元格內容*/
text-overflow: ellipsis; /*超出寬度時使用省略號代替*/
}

　　在上面的pre標簽中，我們定義了td標簽的樣式。首先，我們將默認寬度設置為20%，這樣，在較寬的屏幕上，表格單元格將向右擴展。接著，我們定義了最小和最大寬度，以便自適應不同大小的屏幕和設備，同時，我們還將禁用單元格內的文本換行。對于超出寬度的單元格內容，我們使用了overflow屬性將其隱藏，并使用text-overflow屬性將其替換為省略號。

　　此外，我們還可以通過設置表格布局方式來實現更好的自適應效果。具體做法是，在CSS樣式中定義table標簽，并將其布局設置為響應式布局。根據屏幕寬度的不同，表格布局會相應地調整。例如：

table {
width: 100%;
table-layout: fixed;
}
/*響應式布局*/
@media (max-width: 768px) {
table {
font-size: 12px;
}
}

　　上述代碼中，我們使用了CSS3媒體查詢，當屏幕寬度小于或等于768像素時，將表格的字體大小設置為12像素。這樣做可以使表格顯示得更為清晰，同時縮短行距，以適應較小的屏幕。

　　總之，通過對td標簽進行自適應設置，以及對table標簽進行響應式布局，我們可以輕松實現適應不同設備屏幕的表格效果。