Caojx
V2EX  ›  问与答

准备转去写前端了,写官网比较流行什么布局?

  •  
  •   Caojx · Sep 28, 2020 · 5069 views
    This topic created in 2094 days ago, the information mentioned may be changed or developed.

    准备专职写前端了,业务包含官网和小程序,现在流行什么布局啊?

    24 replies    2020-09-29 07:08:52 +08:00
    tangtanghong
        1
    tangtanghong  
       Sep 28, 2020
    响应式
    murmur
        2
    murmur  
       Sep 28, 2020   ❤️ 7
    给你什么设计图就什么布局,响应式布局是个毒药,这种设计只用于设计非常简单的网站,而且特别要求素材和内容
    gouflv
        3
    gouflv  
       Sep 28, 2020 via iPhone
    DIV+CSS (狗头)
    hackyuan
        4
    hackyuan  
       Sep 28, 2020
    @murmur 完全同意
    补充:自己写可能还行,维护别人的那就是 shit (维护成本过高,除非页面比较简单)
    Caojx
        5
    Caojx  
    OP
       Sep 28, 2020
    @murmur 比较通用的布局吗? flex 还是流式布局?
    hhluo
        6
    hhluo  
       Sep 28, 2020   ❤️ 2
    https://www.sweet-kk.top/css-layout
    入门挺好,最近刚好复习到
    kop1989
        7
    kop1989  
       Sep 28, 2020
    没有所谓的“通用”。
    觉得哪个网站的设计好,直接 f12 学习一下就好了。
    Caojx
        8
    Caojx  
    OP
       Sep 28, 2020
    @hhluo 感谢,只会移动端的 flex 布局,但是写官网好像,就会 flex 不太够用
    freak118
        9
    freak118  
       Sep 28, 2020
    @murmur 说得对 但是很多时候需求方才不管这个 就要你响应式
    lower
        10
    lower  
       Sep 28, 2020
    @murmur 遇到放飞自我的设计师才是真的难受 😭
    murmur
        11
    murmur  
       Sep 28, 2020
    @Caojx 肯定好的页面各种布局都混着用,不考虑 IE 兼容性 flex 布局是可以解决很多问题,但是也得看设计稿
    另外就是不要期望一套代码可以解决所有设备的适配问题
    tydl
        12
    tydl  
       Sep 28, 2020
    table+style
    mach945
        13
    mach945  
       Sep 28, 2020
    @murmur 响应式考察的不是前端的能力,是设计者的能力
    AV1
        14
    AV1  
       Sep 28, 2020   ❤️ 1
    我现在主要用 display:flex
    未来应该用 display:grid
    啥,兼容 IE6 ?打扰了。
    azcvcza
        15
    azcvcza  
       Sep 28, 2020
    没有对齐要求就是 display:flex ;如果 UI 要求文字对齐那还是老老实实用 display:table
    sixway
        16
    sixway  
       Sep 28, 2020
    flex 一把梭。
    兼容旧设备?这是要加钱的!
    echooo0
        17
    echooo0  
       Sep 28, 2020
    @hhluo 挺不错,最近正好想学习下
    murmur
        18
    murmur  
       Sep 28, 2020   ❤️ 4
    多写一点,对于新入前端的人,不要说想学什么万能灵丹妙药,要学会拆解布局 拆解模块,从大往小拆,从全局往局部拆,比如 v2ex,整个页面就是一个 header 、footer,主要内容是居中两侧留白。对于 header,也是个居中留白,左边是 logo 、搜索框,右边是常用链接,然后右边的链接不等宽等间距

    这样一点点的拆下来,每个部分逐个击破,你就会写 css 了
    weixiangzhe
        19
    weixiangzhe  
       Sep 28, 2020 via Android
    要看需不需要兼容 ie
    creanme
        20
    creanme  
       Sep 28, 2020 via Android
    ie11 flex 有些属性兼容不了,有点烦
    loveToMy1
        21
    loveToMy1  
       Sep 28, 2020
    占个楼 我也学习一下
    meteor957
        22
    meteor957  
       Sep 28, 2020
    PC 和移动单独写两套,响应式不一定适应的了 UI 。
    Sapp
        23
    Sapp  
       Sep 28, 2020
    找个自动生成的,还手写官网,你是打算收多少钱
    bzshow1
        24
    bzshow1  
       Sep 29, 2020 via Android
    去 themeforest 买个模板就可以
    About   ·   Help   ·   Advertise   ·   Blog   ·   API   ·   FAQ   ·   Solana   ·   1028 Online   Highest 6679   ·     Select Language
    创意工作者们的社区
    World is powered by solitude
    VERSION: 3.9.8.5 · 61ms · UTC 22:47 · PVG 06:47 · LAX 15:47 · JFK 18:47
    ♥ Do have faith in what you're doing.