在移動端網頁設計中，CSS代碼段是不可或缺的一部分。下面我們就來分享一些移動端常用的CSS代碼段。

/* 禁用文本選中 */
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;

有時候我們需要禁用文本的選中功能，可以使用上述代碼段。

/* 設置圖片自適應屏幕 */
img {
max-width: 100%;
}

在移動端，圖片在不同的設備上顯示往往存在大小差異，可以使用上述代碼段設置圖片自適應屏幕寬度。

/* 去除輸入框默認樣式 */
input {
-webkit-appearance: none;
-webkit-border-radius: 0;
}

手機瀏覽器輸入框會自帶一些樣式，可以使用上述代碼段將其去除。

/* 讓菜單定位在底部 */
.menu {
position: fixed;
bottom: 0;
}

在移動端應用開發中，底部菜單非常常見。可以使用上述代碼段將菜單定位在底部。

/* 添加文本溢出省略號 */
text-overflow: ellipsis;
white-space: nowrap;
overflow: hidden;

在一些空間有限的地方，添加省略號可以有效降低網頁的復雜性，可以使用上述代碼段實現文本溢出省略號效果。