未分類
29 5 月 2020

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

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

資深大佬 : meteor957 1

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

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

大佬有話說 (6)

  • 資深大佬 : liyang5945

    rem 可破，其实就是百分比

  • 資深大佬 : clown007

    用背景图片
    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

    2020 年了，vw, vh

  • 資深大佬 : dioxide

    补充下: css grid 对此场景挺有用的

  • 資深大佬 : ArtIsPatrick

    字体也百分比呗

  • 資深大佬 : YadongZhang

    postcss-px-to-viewport