css3媒体查询标记 |css显示元素

@media (max-width: 768px) {
/* 在屏幕宽度小于等于768px时生效的样式 */
}
@media (min-width: 769px) and (max-width: 992px) {
/* 在屏幕宽度在769px至992px之间时生效的样式 */
}
@media (orientation: landscape) {
/* 在横屏时生效的样式 */
}

可以看到，在媒体查询中，大家可以设置最大宽度、最小宽度、屏幕方向等条件，然后在大括号中编写对应条件下的样式。这样，就可以实现针对不同设备，灵活控制样式的表现效果。

在实际开发中，媒体查询可以应用于响应式布局、移动端适配等方面。通过精细的媒体查询设置，可以提升用户体验，让网页在不同的设备上都能展现出最佳的表现效果。