CSS -如果屏幕是横向的，如何设置图像的最大高度；如果是纵向的，如何设置最大宽度？

在CSS中，可以使用媒体查询（Media Query）来根据屏幕方向设置图像的最大高度或最大宽度。

如果屏幕是横向的，可以使用以下CSS代码来设置图像的最大高度：

@media (orientation: landscape) {
  img {
    max-height: 100%;
  }
}

上述代码中，@media (orientation: landscape)表示当屏幕方向为横向时，应用下面的样式。img选择器选择所有的图像元素，max-height: 100%将图像的最大高度设置为屏幕高度的百分之百，即图像将自动缩放以适应屏幕高度。

如果屏幕是纵向的，可以使用以下CSS代码来设置图像的最大宽度：

@media (orientation: portrait) {
  img {
    max-width: 100%;
  }
}

上述代码中，@media (orientation: portrait)表示当屏幕方向为纵向时，应用下面的样式。img选择器选择所有的图像元素，max-width: 100%将图像的最大宽度设置为屏幕宽度的百分之百，即图像将自动缩放以适应屏幕宽度。

这样，无论屏幕是横向还是纵向，都可以根据屏幕方向设置图像的最大高度或最大宽度，以实现自适应的效果。

腾讯云相关产品和产品介绍链接地址：

• 腾讯云
• 腾讯云云服务器
• 腾讯云对象存储 COS
• 腾讯云内容分发网络 CDN
• 腾讯云云数据库 MySQL 版
• 腾讯云人工智能
• 腾讯云物联网开发平台
• 腾讯云移动推送
• 腾讯云区块链服务
• 腾讯云游戏多媒体引擎
• 腾讯云音视频处理
• 腾讯云云原生应用引擎
• 腾讯云云原生数据库 TDSQL
• 腾讯云元宇宙解决方案