CSS中實現左右兩欄手機自適應的布局，是一種常見的頁面設計方式，可以使頁面看起來更加美觀、整潔。下面我們來詳細了解如何實現。

首先，在HTML文件中，我們需要構建左右兩個欄目的結構。這里我們采用div來分別表示左邊和右邊的內容欄目：

<div class="left-col">
<p>This is the content of the left column.</p>
</div>
<div class="right-col">
<p>This is the content of the right column.</p>
</div>

接下來，在CSS文件中，我們針對左右兩個欄目進行樣式設置。我們將left-col設置為float：left，將right-col設置為float：right。這樣，兩個欄目就能夠浮動在頁面的左右兩側，并且自適應屏幕寬度。

.left-col{
float: left;
width: 50%;
}
.right-col{
float: right;
width: 50%;
}

最后，為了保證頁面的布局在不同分辨率下都能夠有良好的顯示效果，可以在@media查詢中進行響應式設計。例如，在屏幕寬度小于等于480px的情況下，我們可以將左右兩列設置為堆疊在一起：

@media (max-width: 480px) {
.left-col,
.right-col{
float: none;
width: 100%;
}
}

這樣就完成了CSS中實現左右兩欄手機自適應的布局！