在如今的移動互聯網時代，網頁設計越來越注重響應式設計。而在響應式設計中，我們經常會遇到一個問題：如何控制網頁和手機設備中的界面高度。

首先，我們需要了解網頁和手機設備的高度測量單位：

* 網頁測量單位：像素（px）、百分比（%）、視窗寬度/高度（vw、vh）
* 手機設備測量單位：物理像素（px）、設備獨立像素（dp或dip）、尺寸獨立像素（sp）

接下來，我們就可以通過CSS來控制界面高度。

一、網頁中控制界面高度的方法：

/* 使用像素控制元素高度 */
.element {
height: 100px;
}
/* 使用百分比控制元素高度 */
.element {
height: 50%;
}
/* 使用視窗寬度/高度控制元素高度 */
.element {
height: 80vh;
}

二、手機設備中控制界面高度的方法：

/* 使用物理像素控制元素高度 */
.element {
height: 200px;
}
/* 使用設備獨立像素控制元素高度 */
.element {
height: 50dp;
}
/* 使用尺寸獨立像素控制字體大小 */
.element {
font-size: 14sp;
}

需要注意的是，在控制界面高度的同時，我們還需要注意網頁和手機設備的屏幕尺寸、分辨率等因素。同時，在響應式設計中，我們可以使用媒體查詢、流體網格等技術來實現不同設備下的布局適配。

總之，在保證用戶體驗的前提下，我們需要充分了解網頁和手機設備的高度測量單位，靈活運用CSS進行界面高度的控制和適配。