2023 年了，前端最流行的自适应方案是什么？

[jack4536251]

想做个视频网站，要求 pc 和手机自适应，有好用的方案推荐吗？

[dioxide]

做一套响应式同时适配两端的话, 前提设计、后期维护成本会很高. 分开实现更实际

[dioxide]

如果 PC 和 pad 之间(可是区域尺寸跨度不大)间适配还有可行性, 操作体检也接近些

[libasten]

看这个帖子刷新最近的观念了，
之前以为响应式自适应是很多大公司首选呢。
现在看来，还是做两套最科学啊。
不过自适应还是要考虑吧？现在移动端屏幕尺寸五花八门的。

[maplerecall]

两套，实践下来 media query 只适合做同平台下不同尺寸的适配，不适合做跨平台

[suzic]

这需求不是多复杂的场景，完全可以一套啊，想 diy 就自己写，不想 diy 就找 md 规范的组件库，谷歌这套是自适应的

[murmur]

@libasten 不适应，就是拉大百分比，其余的地方留空

适应的反例就是小米的网站，他没有监测横屏竖屏，如果是横屏浏览，就会错误的返回 pad 尺寸

然后就能看到奇葩的界面布局

现在应该改过来了，不过现在总体策略就是单做移动，ipad 两侧留白给你显示个大手机，pc 干脆提示下载 app

[shui14]

这个要分类型的，如果是展示型，偏设计或者内容的，css 多套就可以了；如果是功能型的或者业务型的，要么两套，要么做取舍，因为很多时候手机和电脑的操作天然就不一样，强行一致往往就是强奸用户，比如产品逼着开发给安卓搞上 ios 的选择器，完全不尊重平台的差异，根据差异来调整。

[anoninz]

不知道啥流行，但如果两端功能一致的话，可以数据层写一套，UI 层写两套。UI 尽量薄。

[qweruiop]

一般都是写 2 套吧，现在移动和 pc 的交互方式差异巨大。。。

[unclemcz]

我只会 bootstrap

[woshinide300yuan]

我只会复制粘贴
@media (min-width:1200px){.container{max-width:1160px}
}