在CSS中，我們可以使用min-width屬性來設置元素的最低寬度。如果元素的內容寬度小于最低寬度，則元素會自動擴展到最低寬度。

但是，需要注意的是，如果元素的最低寬度超過設備可視區域的寬度，用戶將不得不通過水平滾動條來查看整個元素，這會影響用戶體驗。因此，建議不要將元素的最低寬度設置得太寬。

/* 不建議這樣設置最低寬度 */
.example {
min-width: 1000px;
}

相反，應該根據設計需要和用戶體驗來合理設置最低寬度。

/* 根據設計和用戶體驗設置最低寬度 */
.example {
min-width: 320px; /* 適配移動設備 */
max-width: 960px; /* 避免元素過寬 */
}

在實際開發中，我們還可以通過媒體查詢來針對不同的設備設置不同的最低寬度。例如，移動設備的最低寬度可以設置為屏幕寬度，而桌面設備的最低寬度可以設置為960像素。

/* 媒體查詢設置最低寬度 */
@media screen and (max-width: 768px) {
.example {
min-width: 320px;
max-width: none; /* 避免元素被限制 */
}
}
@media screen and (min-width: 769px) {
.example {
min-width: 960px;
max-width: none; /* 避免元素被限制 */
}
}

總之，在設置元素的最低寬度時，不要盲目追求寬度，一定要根據實際需要和用戶體驗來合理設置。