CSS 判斷是否是手機端

CSS 可以通過設置元素的 display 類型來檢查元素是否在手機端。display 類型包括：flex、 inline-block、 inline-flex、 table-cell、 float、 table、 float-left、 float-right、 clear、 block 等。

下面以 Flex 元素為例，說明如何使用 CSS 判斷手機端：

```css

/* 使用 Flex 元素判斷手機端 */

.flex-判斷 {

display: flex;

/* 檢查 Flex 元素寬度是否小于手機寬度 */

.flex-判斷 .flex-child {

width: 100px;

if (window.innerWidth < 600) {

/* 在手機端 */

display: flex;

} else {

/* 非手機端 */

display: inline-block;

在上面的代碼中，`.flex-判斷` 元素設置了 `display: flex`，用于檢查 Flex 元素的寬度是否小于手機寬度。如果寬度小于手機寬度，則使用 Flex 元素，否則使用 inline-block 元素。

通過這種方式，我們可以使用 CSS 判斷元素是否在手機端，只需要將元素的 `display` 設置為 `flex`，然后檢查其寬度是否小于手機寬度即可。如果小于手機寬度，則元素在手機端，否則元素非手機端。