接到需求,做可视化大屏幕
可视化的需求网上一搜一大堆,答案也有很多。在这里适配方案不多过赘述;适配我是用的百分比+flex布局;
需求评审的同时,项目投放的大屏幕已经在采购的路上了
在我项目联调阶段,大屏幕到货!可是投放在大屏幕上调试了 我用的办法是使用HDMI转换头连接在大屏上,凑巧在开周会,领导说:"开发了这么久,放到大屏上面 看一下效果" 那我就投吧~ 效果不错~ 剩下的就需要UI验收一下就可以了
一切都在尽然有序的进行中 但是~!!!
重点来了,在把前端项目部署到服务器上之后,想在大屏幕上面的浏览器 直接访问,领导不想要浏览器的搜索栏,于是我想 在本地pc端的浏览器 都是可以直接是使用快捷键直接让浏览器全屏的 这个问题不担心~ 但当我打开chrome浏览器,输入IP地址之后,出来的页面让我心凉了,惊呆了。 所有的样式都是紊乱的,里面使用的flex布局也跟本地的大小完全不一样。 感觉饭都不香了。。。。
思考问题
出现的问题 1.chrome浏览器的搜索栏还是一直存在,在大屏幕上没有找到全屏按钮。 2.样式问题,字体都偏大,并且最右中间的flex布局占位变得很小。。
解决问题
针对问题1,我发现这个大屏幕的系统是安卓!惊呆了。。如果是双系统,那么切换成windows系统,下载chrome,第一个问题久迎刃而解了,但没有如果,采购流程很长,所以想其他办法吧 那么,移动端浏览器哪个可以全屏呢,下载了 QQ浏览器、UC浏览器、opera。。 最后发现UC是满足需求的! 问题2还没解决,项目中字体变大了,并且会出现换行 布局大小也不一样了 在想到底是什么问题 浏览器内核影响的? 样式没有适配? 各种想法都出来了。 然而 我想到是不是浏览器字体影响的,找了找,UC果然有个字体大小设置。调到最小,搞定了。
总结
问题不解决总有一天会蹦出来找你的。