I am facing issues with Internet Explorer, wherein, all the panels in my dashboard are getting cut when I move the dashboard from big screen monitors to Laptop Screen, when the zoom is kept at 100%. When I change the zoom settings to 75% (in my laptop screen), the panels looks good and properly displayed on the page. But one of the panel having circle is always displayed towards left, be it on big screen monitor or laptop screen monitor. These all panels works fine in Chrome and Firefox without any issues. Please help resolve below issues :
Can we set the zoom to 75% using CSS specially for Internet Explorer, when the dashboard is moved from Big screen monitor to Laptop Screen. Below CSS for Chrome and firefox is already working, but not working for Internet Explorer. The max-width is set for laptop screen
@media screen and (max-width: 1366px) {
.dashboard-body {
zoom: 80%;
}
}The "Monthly Results" panel is always showing towards right in Internet Explorer. I want to make it center. How do I fix for Internet Explorer ?
Attaching the Images for your reference.alt text
