折叠屏如果未来是主流,是不是以后可以不用设计响应式网页了? - V2EX
V2EX = way to explore
V2EX 是一个关于分享和探索的地方
现在注册
已注册用户请  登录
请不要在回答技术问题时复制粘贴 AI 生成的内容
kisshere
V2EX    程序员

折叠屏如果未来是主流,是不是以后可以不用设计响应式网页了?

  • nbsp;
  •   kisshere 2019-02-26 09:49:40 +08:00 5659 次点击
    这是一个创建于 2436 天前的主题,其中的信息可能已经有所发展或是发生改变。

    目前网页设计都是普遍 970px 的宽度,这种宽度在 1280x800、1366x768 以及 1920x1080 这三种最主流的分辨率情况下都能满足,如果折叠屏成为主流,屏幕全展开基本上比笔记本小不了多少了,分辨率也能超过 1080P (华为 mateX 分辨率:1080x2244 ),这还只是目前折叠屏的起始阶段的尺寸,不排除以后出现三折叠、四折叠等等更大的屏幕尺寸,用户基本可以用折叠屏展开实现 PC 端网页的浏览效果,不用再被手机那种小屏幕 QJ 自己的视野 是不是以后就设计一个 PC 端网页就 OK 了?

    27 条回复    2019-02-26 16:30:29 +08:00
    wummyu
        1
    wummyu  
       2019-02-26 10:03:34 +08:00   12
    。。。。。。不应该是,就因为尺寸分辨率越来越多,才要搞响应式吗?你怎么反过来了。。。
    kanata
        2
    kanata  
       2019-02-26 10:04:30 +08:00
    歪个题,这三折叠四折叠。。。
    chuqi
        3
    chuqi  
       2019-02-26 10:06:09 +08:00
    一楼答案恰当,结束。
    kisshere
        4
    kisshere  
    OP
       2019-02-26 10:07:17 +08:00
    @wummyu 我的意思是,既然可以实现 PC 端的效果,为何还要委屈用户让他们去浏览手机网页版??
    Chenamy2017
        5
    Chenamy2017  
       2019-02-26 10:13:28 +08:00
    PC 端也要自适应。
    lxml
        6
    lxml  
       2019-02-26 10:14:32 +08:00 via Android   1
    @kisshere 触控和鼠标对网页的精确度要求是不一样的
    qingfengxm
        7
    qingfengxm  
       2019-02-26 10:15:28 +08:00
    折叠屏手机的出现会直接导致 pad 的销量下滑
    cl903254852
        8
    cl903254852  
       2019-02-26 10:23:58 +08:00
    这么说的话,那以后的软屏怎么办?????
    lrz0lrz
        9
    lrz0lrz  
       2019-02-26 10:31:31 +08:00   1
    需要考虑的更多

    用户用窄屏打开一个手机网页,然后把屏幕展开,这时网页应该?

    1. 展示一个响应式的、变宽的手机网页
    2. 展示一个响应式的、适配 pad 的网页
    3. 展示一个自适应的、适配 PC 的网页
    Vegetable
        10
    Vegetable  
       2019-02-26 10:41:52 +08:00
    其实一楼说的对,更复杂才对.
    现在的设计大家都选择性忽略横屏,除了视频 APP 大部分产品都不管横屏的事儿了.
    折叠不能不管吧?
    假如折叠状态是 16:10,展开之后是 1:1 了,做适配的除了默默承受还有什么办法
    现在全面屏还好,布局一套就行,折叠屏布局可能会有很大区别呀
    Heyavc
        11
    Heyavc  
       2019-02-26 10:45:38 +08:00
    如果折叠式变为主流的话,那响应式也会变成主流。
    SorcererXW
        12
    SorcererXW  
       2019-02-26 10:52:08 +08:00 via Android
    用户是上帝
    不应该让用户切换模式来适应应用,而是应该让应用来适应用户。
    Allenqjy
        13
    Allenqjy  
       2019-02-26 10:52:50 +08:00
    不要慌张,只是多了一个适配尺寸而已,也就是 app 重新做一套 UI,前端重新适配一个分辨率
    dingyaguang117
        14
    dingyaguang117  
       2019-02-26 10:52:57 +08:00
    如楼上老哥说的,响应式不仅仅是尺寸差别,还有操作方式的差别

    举个例子: 鼠标悬浮在移动设备上就不是友好的设计了
    rocksolid
        15
    rocksolid  
       2019-02-26 10:53:28 +08:00
    别的不说,难道折叠式用户手机模式就不能看网页了么
    dremy
        16
    dremy  
       2019-02-26 10:55:17 +08:00 via iPhone
    响应式布局喊了这么多年,都被偷工减料的自适应布局给弄下去了,折叠屏时代响应式布局总算能崛起了
    ddid
        17
    ddid  
       2019-02-26 11:22:52 +08:00
    @kisshere 网页也能实现的功能,不也是在强迫用户安装 APP ?而且有些还是在网页比 APP 体验更好的情况下。
    66beta
        18
    66beta  
       2019-02-26 11:26:41 +08:00 via Android
    现在用 iPad 的人就看不了网页了么?
    cyspy
        19
    cyspy  
       2019-02-26 11:43:36 +08:00
    早高峰的地铁上把手机翻开看网页,画面太美
    kiiler0angel
        20
    kiiler0angel  
       2019-02-26 12:02:50 +08:00
    @cyspy 早高峰还是不要打开了吧,屏幕给挤折了就不好玩了
    learnshare
        21
    learnshare  
       2019-02-26 12:12:16 +08:00
    响应式不只是针对不同分辨率,还要针对不同物理尺寸、像素密度、输入设备等

    24 寸 1080p 下的一个 30px 高的按钮,6 寸 1080p 下用手指能点到么?
    james2012
        22
    james2012  
       2019-02-26 12:14:08 +08:00
    手机需要考虑便携性,等 mate X 发展进化到小一些薄一些,未来倒是真有可能成为主流
    cjpjxjx
        23
    cjpjxjx  
       2019-02-26 12:19:30 +08:00 via iPhone
    你知道用触摸屏浏览 PC 页面有多难受吗,不说别的,触摸屏如何模拟鼠标指针的悬停
    Windelight
        24
    Windelight  
       2019-02-26 12:26:49 +08:00 via Android
    我感觉响应式也得分分把,不能为了好看而响应,我都把手机 DPI 调小,这样浏览网页跟电脑版一模一样啊
    AllenW
        25
    AllenW  
       2019-02-26 13:51:45 +08:00
    会有轮子出现的 别着急
    kooze
        26
    kooze  
       2019-02-26 16:23:58 +08:00
    不,还是要设计。并且原生 app 也要是响应式的。因为一会折叠、一会要展开。
    关于     帮助文档     自助推广系统     博客     API     FAQ     Solana     2881 人在线   最高记录 6679       Select Language
    创意工作者们的社区
    World is powered by slitude
    VERSION: 3.9.8.5 27ms UTC 13:42 PVG 21:42 LAX 06:42 JFK 09:42
    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