在CSS媒體查詢中,“媒體”是指設備類型,例如電腦、手機、平板電腦等。而“查詢”則是指根據設備的媒體類型,對元素的屬性進行查詢和設置。例如,如果我們想要設置一個元素的寬度為600像素,并且根據設備類型不同而調整上邊距的大小,我們可以使用以下CSS代碼:
@media screen and (max-width: 768px) {
/* 設置元素的寬度為600像素 */
body {
width: 600px;
/* 設置元素的上邊距為20像素 */
.container {
padding-top: 20px;
在上面的代碼中,我們使用了“@media”指令,并指定了“screen”媒體類型。這個媒體類型指的是所有現代瀏覽器,無論是否為電腦瀏覽器。然后我們使用了“and”邏輯運算符,指定了“max-width”屬性,這個屬性表示設備的最大寬度為768像素。最后,我們使用了“padding-top”屬性,來設置元素的上邊距為20像素。
font-size: 16px;
padding-top: 20px;
@media screen and (max-width: 768px) {
a {
padding-top: 10px;
上一篇電腦無法加載css