CSS中使用媒體查詢可以實現在不同的屏幕大小下設置不同的樣式，這樣網站在不同設備上瀏覽時能夠呈現更好的視覺效果。以下是一些常用的媒體查詢：

/* 小于等于768px屏幕 */
@media (max-width: 768px) {
/* css樣式 */
}
/* 大于768px ，小于等于1024px屏幕 */
@media (min-width: 769px) and (max-width: 1024px) {
/* css樣式 */
}
/* 大于1024px屏幕 */
@media (min-width: 1025px) {
/* css樣式 */
}

例如，我們可以在小屏幕下隱藏某個元素：

@media (max-width: 768px) {
.hidden {
display: none;
}
}

還可以設置不同的字體大小和行高等屬性，以適應不同屏幕的大?。?/p>

@media (min-width: 769px) and (max-width: 1024px) {
h1 {
font-size: 36px;
line-height: 1.5;
}
}
@media (min-width: 1025px) {
h1 {
font-size: 48px;
line-height: 1.6;
}
}

媒體查詢在現代網站設計中非常常見，它可以讓網站在移動設備和桌面設備上都有出色的表現效果。