在这个例子中，我们定义了三种不同的样式：默认样式、屏幕宽度小于768px时的样式和屏幕宽度大于768px时的样式。@media (max-width: 768px)表示当屏幕宽度小于768像素时，应用其中的样式规则。@media (min-width: 769px)表示当屏幕宽度大于768像素时，应用其中的样式规则。这种方式可以让你轻松地创建响应式网页，适应不同的设备。