First of all, I am doing the company's new software page, background page, the problem is when I introduced Baidu Echarts.js, want to use their plug-in to achieve the function of the chart, found that JS information description must be placed under their div ID, otherwise it will expire, this is the problem.
Now the problem is not solved about the graph on the PC side and on the phone side of the display problem, due to the echarts.js mechanism, he is needed in
<class= "Am-panel am-panel-default am-u-sm-12"> < ID= "TfE" class= "Wutoo" style= "Min-width: 60rem; Min-height:40rem; " ></ Div > </ Div >
The width and length of the style is set, that is, he sets the DOM himself in the DOM, which is the problem.
I started looking for all the questions about responsive pages on the web, that is, CSS3 new properties, judging by the width of the page, such as the display of width, such as
@media screen and (Max-width:700rem) { div#tfe{ width:6rem;height:4rem; } } @media screen and (Max-width:1024rem) { div#tfe{ width:60rem;height:40rem;
The width of the media is determined according to @media screen and, and the style of the DOM is adjusted according to the width.
But the style is written in the Div, and his permissions are higher than the permissions in CSS type, that is to say, I cannot modify the style of the chart.
JS method, directly to the width of the set
There is a way for me to recommend this, but it does not apply to me, of course, this is a way to allow me to temporarily solve the problem of mobile-style.
<script type= "Text/javascript" > = window.innerheight (); = (height/1080) *100+ "px" </script>
There is also a way to find them in the Baidu API document in the JS method, yesterday too cumbersome, want to find a lazy way, it seems that today must solve the problem
Mobile phone echarts can achieve this function, that is to say Baidu has a suitable method, but I now need to change from this place, week 6th to solve the problem.
about the page diagram corresponding to the problem, the question met the time, September 1, to Today September 2, has not been resolved