CSS是網頁設計中的一項重要技術，可以改變HTML元素的樣式。在學習CSS時，你會遇到HDTM（高清晰度屏幕技術）這一概念。

HDTM原意指iPad和新一代iPhone上的Retina Display，這些設備在相同的尺寸下有更高的像素密度，因此，網頁中的字體和圖片需要以兩倍的分辨率呈現，才能保證在屏幕上顯示清晰。為此，我們需要通過CSS調整網頁元素的大小和位置，以適應這種高清晰度的屏幕。

以下是一些常用的適應HDTM的CSS代碼：

/* 針對高清晰度屏幕調整圖片大小 */
img {
	width: 50%;
	height: auto;
	max-width: 100%;
}
/* 針對高清晰度屏幕調整字體大小 */
body {
	font-size: 16px;
	line-height: 1.5;
}
@media only screen and (-webkit-min-device-pixel-ratio: 2),
only screen and ( min--moz-device-pixel-ratio: 2),
only screen and ( -o-min-device-pixel-ratio: 2/1),
only screen and ( min-device-pixel-ratio: 2) {
body {
font-size: 24px;
}
}

在上面的代碼中，我們使用了媒體查詢（media query），針對Retina Display的像素密度（設備像素比為2）進行了調整。在普通屏幕上，字體大小為16px，而在高清屏幕上，字體大小為24px。同時，我們還針對圖片進行了調整，保證圖片以正常的大小顯示。

通過這些CSS技巧，我們可以輕松地適應各種屏幕，并確保我們的網頁元素在高清晰度屏幕上依然清晰可見。