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

wKioL1gquUnA2iquAADM6BeOegg095.png-wh_651x-s_3494154119.png

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

高洛峰
高洛峰

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

全部回覆(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

熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板
關於我們 免責聲明 Sitemap
PHP中文網:公益線上PHP培訓,幫助PHP學習者快速成長!