media是什么举个使用例子

@media是CSS中的一个关键字，用于指定不同设备或不同屏幕大小下的样式。使用@media可以根据屏幕宽度、高度、分辨率等条件来选择不同的样式。例如：

@media screen and (max-width: 768px) { /* 当屏幕宽度小于等于768px时应用这些样式 */ body { font-size: 16px; } }

@media print { /* 打印时应用这些样式 */ body { font-size: 14px; } }

上面的例子中，第一个@media语句表示当屏幕宽度小于等于768px时，body元素的字体大小为16px。第二个@media语句表示在打印页面时，body元素的字体大小为14px。这样可以根据不同的情况，为不同的设备或场景提供最佳的样式。