移動端界面不可拖動 CSS 示例文章：

隨著移動設備的普及，越來越多的人開始使用手機瀏覽互聯網。在移動設備上，瀏覽器窗口的大小通常非常小，因此，如果使用可拖動的 CSS 元素，元素可能會在瀏覽器窗口中被移動到其他地方，從而導致用戶體驗不佳。

為了解決這個問題，我們可以使用不可拖動 CSS 元素。不可拖動 CSS 元素是指，它們不能被移動設備的瀏覽器窗口移動到其他地方，即使它們位于瀏覽器窗口的中心。

以下是一個示例，展示了如何使用不可拖動 CSS 元素來創建一個水平居中的文本框：

```html

<div class="text-center">

<input type="text" />

</div>

在這個示例中，我們使用了一個 `.text-center` 類來將文本框水平居中。我們還使用了一個 `input` 元素來包含文本框，并將其設置為 `type="text"`。

在 CSS 中，我們可以使用以下代碼來創建不可拖動的元素：

```css

.不可拖動 {

position: absolute;

top: 50%;

left: 50%;

transform: translate(-50%, -50%);

這個 CSS 代碼將創建一個具有絕對定位的不可拖動元素，其中心位置位于屏幕的左邊和右邊。當用戶滾動瀏覽器窗口時，元素將不會隨著窗口移動，而是保持在屏幕中心。

使用不可拖動 CSS 元素可以大大提高移動設備上的用戶體驗，使瀏覽器窗口中的元素不會移動到其他地方，從而保持用戶的屏幕穩定。