javascript - 关于数据大屏的布局
巴扎黑
巴扎黑 2017-04-10 18:08:04
0
2
681


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

巴扎黑
巴扎黑

Antworte allen(2)
洪涛

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

你试试

document.body.style.zoom = 2;

还有就是艺术字,不要用图片,一放大就糊了。
用字蛛 http://font-spider.org/ 或者百度的 http://ecomfe.github.io/fontmin/ 打包一个web字体就好了,很简单的

PHPzhong

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

Neueste Downloads
Mehr>
Web-Effekte
Quellcode der Website
Website-Materialien
Frontend-Vorlage