关于数据大屏的布局
高洛峰
高洛峰 2016-11-16 14:23:48
0
2
708

wKioL1gquUnA2iquAADM6BeOegg095.png-wh_651x-s_3494154119.png

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

高洛峰
高洛峰

拥有18年软件开发和IT教学经验。曾任多家上市公司技术总监、架构师、项目经理、高级软件工程师等职务。 网络人气名人讲师,...

membalas semua(2)
学霸

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

你试试

document.body.style.zoom = 2;

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


三叔

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

wKioL1gquUnA2iquAADM6BeOegg095.png-wh_651x-s_3494154119.png

Muat turun terkini
Lagi>
kesan web
Kod sumber laman web
Bahan laman web
Templat hujung hadapan
Tentang kita Penafian Sitemap
Laman web PHP Cina:Latihan PHP dalam talian kebajikan awam,Bantu pelajar PHP berkembang dengan cepat!