广东省著名商标在什么网站做,东阳实惠营销型网站建设厂家,万江营销型网站建设,高校网络架构首先#xff0c;我在做公司的新的软件页面#xff0c;后台页面#xff0c;遇到的问题是当我引入百度的echarts.js#xff0c;想使用他们的插件来实现图表的功能#xff0c;发现JS的信息描述必须放在他们div id的下面#xff0c;否则会失效#xff0c;这是问题一。 现在遇… 首先我在做公司的新的软件页面后台页面遇到的问题是当我引入百度的echarts.js想使用他们的插件来实现图表的功能发现JS的信息描述必须放在他们div id的下面否则会失效这是问题一。 现在遇到的问题是解决不了关于图表在PC端和在手机端显示的问题由于echarts.js的机制他是需要在 div classam-panel am-panel-default am-u-sm-12div idtfe classwutoo stylemin-width: 60rem; min-height:40rem;/div /div style里面进行宽度和长度的设置也就是说他在DOM里自己设置了宽度的DOM这就是问题所在。 我开始寻找网上所有关于响应式页面的问题也就是CSS3新属性根据页面宽度来判断 例如 width的显示问题比如这样 media screen and (max-width:700rem){div#tfe{width: 6rem;height:4rem;}}media screen and (max-width:1024rem){div#tfe{width: 60rem;height:40rem; 根据media screen and来进行媒体判断宽度进而实现根据宽度调整DOM的样式。 但是style是写在 div里面的他的权限高于在css type里的权限也就是说我这么写并不能修改图表的样式。 JS的办法直接给宽度设定 网上有个给我推荐了这么一个方法但是对我来说不适用当然这是一个办法能让我短暂的解决移动端的样式问题。 script typetext/javascriptlet height window.innerHeight();document.docunmentElement.style.fontSize (height/1080)*100px/script 还有一个方法是在百度的API文档里找到他们专门在JS的方法昨天嫌繁琐想找个偷懒的办法看来今天必须解决这个问题了 手机端的echarts能实现这个功能也就是说百度已经有了合适的方法但是我现在就需要从这个地方去进行改变周六日解决这个问题。 转载于:https://www.cnblogs.com/alex-toni/p/5834513.html