跳至主要內容
  • Hostloc 空間訪問刷分
  • 售賣場
  • 廣告位
  • 賣站?

4563博客

全新的繁體中文 WordPress 網站
  • 首頁
  • 请问前端那种可视化大屏该如何用 CSS 布局
未分類
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

文章導覽

上一篇文章
下一篇文章

AD

其他操作

  • 登入
  • 訂閱網站內容的資訊提供
  • 訂閱留言的資訊提供
  • WordPress.org 台灣繁體中文

51la

4563博客

全新的繁體中文 WordPress 網站
返回頂端
本站採用 WordPress 建置 | 佈景主題採用 GretaThemes 所設計的 Memory
4563博客
  • Hostloc 空間訪問刷分
  • 售賣場
  • 廣告位
  • 賣站?
在這裡新增小工具