首頁  >  問答  >  主體

关于数据大屏的布局

wKioL1gquUnA2iquAADM6BeOegg095.png-wh_651x-s_3494154119.png

就是一个数据大屏,屏幕非常非常的长,布局大概是这样,如何做好尺寸的兼容性?在电脑上设计的时候如何模拟这么几十米的长度?数字可能都要用图片的艺术字

高洛峰高洛峰2916 天前711

全部回覆(2)我來回復

  • 欧阳克

    欧阳克2016-11-16 14:25:08

    几十米的长度?广告牌?
    这种情况肯定是缩放的,比如你按照相同比例页面开发,然后在设置页面的缩放比例。

    你试试

    document.body.style.zoom = 2;

    还有就是艺术字,不要用图片,一放大就糊了。


    回覆
    0
  • 三叔

    三叔2016-11-16 14:24:43

    内容区(如下图)水平,垂直居中,大小通过缩放(transform: scale(x))来调整,数字艺术字体使用css @font-face来引入,当然使用图片也是可以的,把(0~9)的数字图片准备好,再用JS,控制显示就是了(麻烦!推荐css @font-face)

    wKioL1gquUnA2iquAADM6BeOegg095.png-wh_651x-s_3494154119.png

    回覆
    0
  • 取消回覆