首页   注册   登录
V2EX = way to explore
V2EX 是一个关于分享和探索的地方
现在注册
已注册用户请  登录
V2EX 提问指南
varius
V2EX  ›  问与答

从 Flutter 转前端,请教 React 写布局的方式

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

    RT。小弟最近从 Flutter 转前端,学习了 React+Material-UI,但是对布局及尺寸还不是特别熟悉。 向各位大佬请教,如果要实现一个类 Column 的布局,从上到下分四个部分,并且每个部分高度的占的百分比不一样,目前知道只知道可以每个 Div 写 height:*vh,但是感觉这个方案还是非常原始呀? 如何实现比较通用呢?

    13 条回复    2020-02-07 20:57:41 +08:00
    manami
        1
    manami   117 天前 via Android
    你说的是 CSS 的问题,与 React 无关……
    murmur
        2
    murmur   117 天前
    学一下 flex、媒体查询,别乱用 vh/vw/rem 这些,否则小米网站的手机版横屏就是最好的例子
    crysislinux
        3
    crysislinux   117 天前 via Android
    楼上说得对,尤其是 vh,我认为简直是毒瘤
    CaHCO3
        4
    CaHCO3   117 天前 via iPhone
    @murmur 哈哈哈哈,高手!
    del1214
        6
    del1214   117 天前
    逆行经脉,当心走火入魔
    varius
        7
    varius   117 天前
    @murmur 谢谢大佬!请问需不需要用 Material-UI 的 Grid,Container 这些,还是直接用 CSS 写 Flex 布局
    varius
        8
    varius   117 天前
    @yilingersier 非常感谢!请问需不需要用 Material-UI 的 Grid,Container 这些呢
    varius
        9
    varius   117 天前
    @del1214 哈哈哈,生活所迫呀
    murmur
        10
    murmur   117 天前
    @varius flex 布局是 css 基础的一部分,现在不掌握面试也跑不掉
    varius
        11
    varius   117 天前
    @murmur 感谢回复! flex 的确要认真学一下,那一般开发应用是直接写 CSS,还是用那些包装了的呢
    murmur
        12
    murmur   117 天前
    @varius css 要会写,而且很重要,不写 css 要么俗要么丑,内部用一下还可以,拿给公众是真的拿不出手
    varius
        13
    varius   116 天前
    @murmur 谢谢大佬
    关于   ·   FAQ   ·   API   ·   我们的愿景   ·   广告投放   ·   感谢   ·   实用小工具   ·   3190 人在线   最高记录 5168   ·     Select Language
    创意工作者们的社区
    World is powered by solitude
    VERSION: 3.9.8.5 · 23ms · UTC 12:49 · PVG 20:49 · LAX 05:49 · JFK 08:49
    ♥ Do have faith in what you're doing.