关于数据大屏的布局

Question

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

Answer 1

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

你试试

document.body.style.zoom = 2;

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

Answer 2

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