CSS3可以通過媒體查詢來判斷屏幕高度,達到不同分辨率下的自適應效果。
@media screen and (min-height: 600px) { /* 在高度大于等于600px時執行的CSS代碼 */ } @media screen and (max-height: 599px) and (min-height: 400px) { /* 在高度大于等于400px且小于600px時執行的CSS代碼 */ } @media screen and (max-height: 399px) { /* 在高度小于400px時執行的CSS代碼 */ }
通過上述代碼,可以在不同的屏幕高度下使用不同的CSS樣式,方便頁面在不同設備上展現出最佳的效果。
上一篇css3制作星空動畫
下一篇css3制作側邊導航欄