HTML 和 CSS 不是“怎么结合”，而是必须结合——单独写 HTML 没样式，单独写 CSS 没作用对象。关键在于用对方式、避开常见错位。

直接用媒体查询拆分样式是最稳妥、最轻量的解法，不需要额外框架或运行时判断，浏览器原生支持，兼容性好，维护也清晰。