在移動設備上，網(wǎng)頁布局需要有特殊的關(guān)注，以確保內(nèi)容可以正確呈現(xiàn)并且易于閱讀。這一定程度上需要使用CSS技術(shù)來調(diào)整布局、顏色、字體等方面。

以下是一些常用的CSS筆記，可用于移動端的開發(fā)。

/* 移動設備適應性 */
@media only screen and (max-width: 768px) {
/* CSS代碼 */
}
/* 取消按鈕陰影 */
button:focus,
input:focus {
outline: none;
-webkit-tap-highlight-color: transparent;
}
/* 描述列表樣式 */
dl {
display: table-row;
}
dt, dd {
display: table-cell;
padding: 10px;
}
/* 隱藏滾動條 */
::-webkit-scrollbar {
display: none;
}
/* 高清屏幕字體 */
body {
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
text-rendering: optimizeLegibility;
}
/* 圖像淡出效果 */
img {
opacity: 0.8;
-webkit-transition: opacity 300ms ease-in-out;
transition: opacity 300ms ease-in-out;
}
img:hover {
opacity: 1;
}
/* 垂直居中 */
.parent {
display: flex;
align-items: center;
}
/* 文本截斷 */
.truncate {
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
}