CSS3 中的媒體類型,用于指定不同的媒體類型使用不同的樣式表。通過使用媒體類型,可以使網站針對不同的媒體展現不同的界面。
@media 媒體類型 { /* 引用不同的樣式表 */ }
常見的媒體類型有:
1. all:應用于所有媒體類型,包括打印機。
2. screen:應用于屏幕。
3. print:應用于打印機。
4. speech:應用于語音合成器。
@media screen and (max-width: 768px) { /* 應用于屏幕最大寬度為 768px 以下 */ }
在使用媒體類型時,可以結合媒體查詢使用,根據不同的設備尺寸應用不同的樣式。
例如,在移動設備上,可以使用以下樣式:
/* 移動設備 */ @media screen and (max-width: 480px) { body { font-size: 14px; } }
而在電腦端,可以使用以下樣式:
/* 電腦端 */ @media screen and (min-width: 1024px) { body { font-size: 16px; } }
結合媒體類型和媒體查詢,可以使網站在不同的設備上展現不同的樣式,提高用戶體驗。
上一篇mysql查詢數量大于1
下一篇css3中span屬性