jquery weekcalendar.js错位问题

Question

In jquery.weekcalendar.js if i zoom in and zoom out there is a misalignment happening between the time slots and hours header like in the image below.

In browsers like chrome, safari and firefox i am getting this issue. How can i make it aligned when it is zoomed in or out?

Answer 1

You cannot do anything in this condition unless you want to edit the sources for weekcalendar.js. It would be better to post this problem here: https://github.com/themouette/jquery-week-calendar/issues and get the programmer to fix it. That way all will benefit from the change.

Answer 2

You have to add a style to fix that. This works for me:

*,
*:before,
*:after {
    -webkit-box-sizing: content-box !important;
    -moz-box-sizing: content-box !important;
    box-sizing: content-box !important;
}