请问前端那种可视化大屏该如何用 CSS 布局 - V2EX
V2EX = way to explore
V2EX 是一个关于分享和探索的地方
Sign Up Now
For Existing Member  Sign In
meteor957
0D

请问前端那种可视化大屏该如何用 CSS 布局

  •  
  •   meteor957 May 27, 2020 4181 views
    This topic created in 2167 days ago, the information mentioned may be changed or developed.

    类似淘宝那种页面都是固定一个最小宽度,然后两边留白。如果要完美做到 横向纵向铺满整个屏幕 且无滚动条,该利用哪些 css 属性来布局。

    想到一种极端办法,所有元素尺寸都是百分数,但是字体和边距该怎么办

    6 replies    2020-05-27 21:22:52 +08:00
    liyang5945
        1
    liyang5945  
       May 27, 2020
    rem 可破,其实就是百分比
    clown007
        2
    clown007  
       May 27, 2020
    用背景图片
    body {
    background-image: url('xxx');
    background-repeat: no-repeat;
    background-position: center;
    background-attachment: fixed;
    background-size: cover;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    }
    remon
        3
    remon  
       May 27, 2020 via Android
    2020 年了,vw, vh
    dioxide
        4
    dioxide  
       May 27, 2020
    补充下: css grid 对此场景挺有用的
    ArtIsPatrick
        5
    ArtIsPatrick  
       May 27, 2020 via iPhone
    字体也百分比呗
    zhyd1997
        6
    zhyd1997  
       May 27, 2020
    postcss-px-to-viewport
    About     Help     Advertise     Blog     API     FAQ     Solana     2385 Online   Highest 6679       Select Language
    创意工作者们的社区
    World is powered by solitude
    VERSION: 3.9.8.5 60ms UTC 10:27 PVG 18:27 LAX 03:27 JFK 06:27
    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