使用display: flex时div从相对到固定的转换；

使用display: flex时，div从相对到固定的转换是指在使用flex布局时，通过设置flex属性来实现div元素的相对和固定宽度的转换。

在flex布局中，通过设置flex属性可以控制元素的伸缩性，即元素在主轴上的宽度分配。flex属性接受一个非负数字作为值，表示元素的伸缩比例。默认情况下，所有元素的flex属性都为0，即它们不会伸缩，宽度由元素的内容决定。

当我们将某个div元素的flex属性设置为一个非零值时，该元素就会成为一个伸缩项目，它会根据flex属性的值来分配主轴上的剩余空间。如果所有伸缩项目的flex属性都为0，它们将平均分配主轴上的空间；如果其中一个伸缩项目的flex属性为正数，它将占据更多的空间；如果其中一个伸缩项目的flex属性为负数，它将占据更少的空间。

因此，当我们将一个div元素的flex属性从0改为一个非零值时，它的宽度将从相对宽度转变为固定宽度。这意味着该元素将占据主轴上的固定空间，不再根据内容自动调整宽度。

使用display: flex布局的优势包括：

1. 简化布局：flex布局可以轻松实现水平和垂直居中、等高布局等常见布局需求，简化了开发过程。
2. 响应式设计：flex布局可以根据不同屏幕尺寸自动调整元素的布局，适应不同设备的显示效果。
3. 灵活性：flex布局可以通过调整flex属性来灵活控制元素的伸缩性和宽度分配，适应不同的布局需求。

使用display: flex布局的应用场景包括：

1. 网页布局：flex布局可以用于构建响应式的网页布局，实现各种复杂的布局效果。
2. 表单布局：flex布局可以用于表单的排列和对齐，使表单元素更加美观和易于操作。
3. 导航菜单：flex布局可以用于创建水平或垂直的导航菜单，方便用户导航网站内容。
4. 图片展示：flex布局可以用于创建图片墙或图片轮播等展示效果，提升用户体验。

腾讯云提供的与flex布局相关的产品和服务包括：

1. 腾讯云云服务器（CVM）：提供灵活的云服务器实例，可用于搭建支持flex布局的网站和应用。
2. 腾讯云对象存储（COS）：提供安全可靠的对象存储服务，可用于存储网页中使用的图片、视频等资源。
3. 腾讯云内容分发网络（CDN）：提供全球加速的内容分发服务，可加速网页的加载速度，提升用户体验。

更多关于腾讯云产品和服务的信息，您可以访问腾讯云官方网站：https://cloud.tencent.com/