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

[jack4536251]

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

[yhxx]

最流行的方案是做两套，监测设备自动跳转(doge:

[estk]

css media query

[chuck1in]

@yhxx 已经不流行那个什么媒体查询了？

[rainsounds]

pc 响应式布局容器+媒体查询，手机 px 转 viewport

[lovedebug]

做两套，BFF 层一个功能就是做这个的后端适配的

[murmur]

媒体查询那是糊弄人的，做个给程序员用的网站还行，苹果做了响应式，你没看到他每一块内容都是精心设计过的

[lilei2023]

px 转 viewport 吧，感觉挺省事

[sentinelK]

pc 和手机不可能“自适应”。

都是要针对性设计功能的，pc 和手机的操作习惯，屏幕比例，屏幕空间都不一样，自适应的结果就是两边不讨喜，左右不是人。

[chjieza]

同一楼，桌面设备和移动设备各一套，同时每套响应式布局容器+媒体查询+媒体查询，移动端设备也做得原因是适配 IPAD ，甚至为平台再做一套。

[tkHello]

做两套 一直是最流行的

[tkHello]

1 套的 没成功过 都是玩家 可以用来忽悠老板

[chjieza]

当然也得看页面是什么，核心产品肯定是要尽可能适配。一般的活动页啥的，保准布局不乱差不多就行了。

[ruoxie]

做两套，不然后期就是折磨自己

[crysislinux]

一套只适合那种布局比较简单的站。复杂了就容易搞得一团糟

[tool2d]

要求不高就用 tailwind css 的自适应框架。

要求高，那就只能两套了。PC 页面靠点击，手机页面靠滑动，操作逻辑都不太一样。

[yuthelloworld]

css media query + js matchMedia
可以用 tailwind css
目前就是用这个方案做的 pc + 移动端，支持 pc 点击和手机滑动

[abc635073826]

强制跳转

[wolfan]

css media flex+grid

[ruzhan123]

代码布局尽量用百分比，然后慢慢适配屏幕吧

[dcsuibian]

我也感觉做两套比较好，一套响应式太费脑子