jQuery UI Datepicker больше, когда внутри iFrame (wtf?)

Question

Перейдите сюда и нажмите проверить доступность на боковой панели (не вводите дату).

Теперь попробуйте выбрать дату изнутрибоковой панели, а также попробуйте выбрать дату на странице.Вы увидите, что тот на странице - который находится в iFrame - намного больше.

Кто-нибудь знает, что может быть причиной этого?

Answer 1

Вам нужно использовать один и тот же шрифт и размер шрифта, чтобы датчики были одинакового размера.

Интерфейс JQuery измеряется в em, который основан на размере шрифта.

из http://www.w3schools.com/cssref/css_units.asp

"1em равен текущему размеру шрифта. 2em означает 2-кратный размер текущего шрифта. Например, если элемент отображается с шрифтом 12 pt, тогда «2em» равно 24 пунктам. «em» - очень полезная единица в CSS, поскольку она может автоматически адаптироваться к шрифту, который использует читатель "