在纵向模式上展开，在横向模式上折叠，仅使用CSS

在纵向模式上展开，在横向模式上折叠是一种常见的网页布局技术，通过CSS实现。这种布局方式可以在较小的屏幕上提供更好的用户体验，同时在较大的屏幕上展示更多的内容。

在纵向模式上展开，意味着网页的内容会按照垂直方向依次排列，以适应较小的屏幕。这样可以确保用户在移动设备上能够方便地浏览和阅读网页内容。在这种模式下，通常会使用媒体查询（media queries）来检测屏幕尺寸，并通过CSS样式来调整布局。

在横向模式上折叠，意味着网页的内容会在较大的屏幕上以一种折叠的方式呈现，以节省空间并提供更好的可读性。这种模式下，通常会使用CSS的flexbox或grid布局来实现网页的自适应和响应式设计。

以下是一些常见的CSS技术和属性，可用于实现在纵向模式上展开，在横向模式上折叠的布局：

1. 媒体查询（Media Queries）：通过媒体查询可以根据不同的屏幕尺寸应用不同的CSS样式。例如，可以使用@media规则来定义在特定屏幕尺寸下的布局。
2. Flexbox布局：Flexbox是一种弹性盒子布局模型，可以方便地实现在纵向模式上展开，在横向模式上折叠的布局。通过设置容器的display属性为flex，可以使其内部的子元素自动调整位置和大小。
3. Grid布局：Grid布局是一种二维网格布局模型，可以更精确地控制网页的布局。通过将容器的display属性设置为grid，可以将网页内容划分为行和列，并在不同屏幕尺寸下自动调整布局。
4. CSS折叠（Collapsible）：使用CSS的伪类和动画效果，可以实现在横向模式上折叠的效果。例如，可以使用:checked伪类和transition属性来创建可折叠的导航菜单。

这些技术和属性可以根据具体的需求和设计来灵活应用。对于云计算领域的网页应用，可以根据不同的功能和内容，选择合适的布局方式来提供良好的用户体验。

腾讯云提供了一系列与云计算相关的产品，包括云服务器、云数据库、云存储等。您可以通过访问腾讯云官方网站（https://cloud.tencent.com/）了解更多关于这些产品的详细信息和使用指南。