为什响应式设计需要移动端优先 - V2EX
V2EX = way to explore
V2EX 是一个关于分享和探索的地方
现在注册
已注册用户请  登录
请不要在回答技术问题时复制粘贴 AI 生成的内容
llej
V2EX    程序员

为什响应式设计需要移动端优先

  •  
  •   llej 239 天前 2690 次点击
    这是一个创建于 239 天前的主题,其中的信息可能已经有所发展或是发生改变。

    最近开发的几个网站都是先开发 pc 版的样式,然后再选择性的将其中一些页面支持移动端 这里排除业务上的考虑,纯从开发角度思考为什响应式设计需要移动端优先? 先说我个人的感受:

    1. 从移动端扩展到 pc 端(其他更宽的屏幕):样式和 ui 元素是增量,心智负担较小
    2. 从 pc 到移动 :往往需要先进行一步重构来支持移动端,然后再重复步骤 1 来增量支持 pc 端,并非是常人所想得只是新增移动端的样式。

    所以从减少开发人员的负担这个角度来考虑响应式设计是需要移动端(窄屏)优先的。

    12 条回复    2025-04-01 12:26:49 +08:00
    learnshare
        1
    learnshare  
       239 天前   1
    从简单到复杂,处理起来会简单一些。
    如果心里已经有完善的实现方案,从哪个方向推进都不算难。
    BeforeTooLate
        2
    BeforeTooLate  
       239 天前
    我觉得你想的太复杂了,根本原因还是移动端用户数占大多数+网格布局+媒体轮询,以手机为主可以减少很多 css 负担
    crysislinux
        3
    crysislinux  
       239 天前   3
    这么多年过去了,我觉得 pc 和移动端还是分开做比较好。可以局部共享一些组件,整个页面搞响应式除了新闻类那种内容为主的网页真的太麻烦了。
    Mark24
        4
    Mark24  
       239 天前
    资源足够、页面很复杂就分开。两者很大不同。
    memorycancel
        5
    memorycancel  
       239 天前
    换个角度:网页套壳直接可以热更新,不用重新上架 APP 。网页更新了,APP 就直接更新了。
    Razio
        6
    Razio  
       239 天前
    首先,别 PC 、PC 了,真没多少流量,大部分情况可能也是无效流量,现在移动端流量价值更高,PC 只是为了更加官方一点。
    分析下你需求目标的主次就知道重点是谁了,然后结合实际情况去决定,总不能流量价值都在某一个,然后研发主开发另外一个吧。
    crz
        7
    crz  
       239 天前
    去年(前年?)阿里重回 pc 有进展吗?
    llej
        8
    llej  
    OP
       239 天前 via Android
    @crz 你在说啥
    llej
        9
    llej  
    OP
       239 天前 via Android
    @Razio 嗯,但我只负责开发
    crz
        10
    crz  
       239 天前
    @llej pc 没有变现价值 t/1038335
    ----
    技术上一端优先、拆分项目或者其它方案都需要看实际情况,但是市场环境已经先否定了
    ----
    cnuser002
        11
    cnuser002  
       238 天前
    我所知道的响应式设计,是一种布局思路,用这个思路,对不同宽度的屏幕,都能给出一个相对合理的排版。

    这里的不同宽度,不仅仅是 PC ,也有 Ipad ,折叠屏,甚至手机横过来。

    这个思路的要点,是优先考虑屏幕窄的情况,满足最窄屏幕的布局后,对于更宽的屏幕,可以扩大间距,拉伸组件,增加分栏,总之把它填满。

    这里面竖屏手机是最窄的,所以响应式设计,也以“移动端优先”。

    这跟业务上 PC 端摆烂,专注 APP 那种“移动端优先”,不是一个意思。

    但实际效果,普遍没有想象中的好。首先因为手机的屏幕,相对于 PC ,实在是太窄了。手机 APP 很多是用层级菜单,底部导航栏等适配手机的组件,这些东西放到平板那个宽度,就不好沿用了,想好看的话,还是得重新设计布局。

    其次,响应式设计,你得用它的栅格系统,这样的话,你的组件的宽度,组件大小,都是被限制的,不容易跟设计稿对齐。

    所以我看现在像 douyin 这种愿意做 web 端的,也都是分两块。移动端弄个 m.域名,直接给你干到 app 下载页,web 端重新设计,从平板的宽度开始,向上用响应式。
    llej
        12
    llej  
    OP
       238 天前 via Android
    @cnuser002 是的,我也感受到了,用响应式就不应该让 ui 给出具体设计稿,应该要设计组件和组合方式
    关于     帮助文档     自助推广系统     博客     API     FAQ     Solana     1559 人在线   最高记录 6679       Select Language
    创意工作者们的社区
    World is powered by solitude
    VERSION: 3.9.8.5 23ms UTC 16:29 PVG 00:29 LAX 08:29 JFK 11:29
    Do have faith in what you're doing.
    ubao msn snddm index pchome yahoo rakuten mypaper meadowduck bidyahoo youbao zxmzxm asda bnvcg cvbfg dfscv mmhjk xxddc yybgb zznbn ccubao uaitu acv GXCV ET GDG YH FG BCVB FJFH CBRE CBC GDG ET54 WRWR RWER WREW WRWER RWER SDG EW SF DSFSF fbbs ubao fhd dfg ewr dg df ewwr ewwr et ruyut utut dfg fgd gdfgt etg dfgt dfgd ert4 gd fgg wr 235 wer3 we vsdf sdf gdf ert xcv sdf rwer hfd dfg cvb rwf afb dfh jgh bmn lgh rty gfds cxv xcv xcs vdas fdf fgd cv sdf tert sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf shasha9178 shasha9178 shasha9178 shasha9178 shasha9178 liflif2 liflif2 liflif2 liflif2 liflif2 liblib3 liblib3 liblib3 liblib3 liblib3 zhazha444 zhazha444 zhazha444 zhazha444 zhazha444 dende5 dende denden denden2 denden21 fenfen9 fenf619 fen619 fenfe9 fe619 sdf sdf sdf sdf sdf zhazh90 zhazh0 zhaa50 zha90 zh590 zho zhoz zhozh zhozho zhozho2 lislis lls95 lili95 lils5 liss9 sdf0ty987 sdft876 sdft9876 sdf09876 sd0t9876 sdf0ty98 sdf0976 sdf0ty986 sdf0ty96 sdf0t76 sdf0876 df0ty98 sf0t876 sd0ty76 sdy76 sdf76 sdf0t76 sdf0ty9 sdf0ty98 sdf0ty987 sdf0ty98 sdf6676 sdf876 sd876 sd876 sdf6 sdf6 sdf9876 sdf0t sdf06 sdf0ty9776 sdf0ty9776 sdf0ty76 sdf8876 sdf0t sd6 sdf06 s688876 sd688 sdf86