如何实现 css 布局随着屏幕宽度变化？-灵析社区

`` 要加一句 完整的如下： Flexbox 布局示例 .container { display: flex; } .image { width: 200px; height: 200px; } .text { flex: 1; } /* 在小尺寸设备上，重置布局 */ @media (max-width: 600px) { .container { flex-direction: column; /* 将布局改为垂直方向 */ } .image { width: 200px; height: 200px; } .text { width: auto; /* 让元素宽度自适应 */ height: auto; /* 让元素高度自适应 */ } /* 取消 .text 的 flex 属性 */ .text { flex: initial; /* 或者可以使用 flex: none; */ } } 图片 文本