CSS多媒体竖屏

@media screen and (orientation: portrait) {
/* 在竖屏模式下应用的CSS */
/* 示例 */
body {
font-size: 16px;
}
}

CSS中的@media规则可以让我们根据不同条件应用不同的CSS样式，其中orientation属性可以检测屏幕的方向是否是竖屏。

在上面的示例中，我们使用@media规则检测屏幕是否为竖屏模式，在这种情况下，我们将为body元素设置字体大小为16像素。

这是一种非常有用的技术，因为它可以让我们根据屏幕的方向和大小改变我们的CSS样式，从而提高网站的响应能力和用户体验。