jQuery UI日期选择器在iFrame(wtf?）内部时较大

jQuery UI Datepicker is larger when inside iFrame (wtf?)

本文关键字：内部 wtf 日期 UI 选择器 iFrame jQuery 更新时间：2023-09-26

转到此处并单击侧边栏中的检查可用性（不要输入任何日期）。

现在，尝试从侧边栏中选择日期，也尝试从页面中选择日期。您会看到页面上的一个（位于iFrame中）要大得多。

有人知道是什么原因造成的吗？

您需要使用相同的字体和字号才能使日期选择器具有相同的大小。

JQuery UI以"em"为单位，这是基于字体的大小。

来自http://www.w3schools.com/cssref/css_units.asp

"1em等于当前字体大小。2em表示当前字体大小的2倍。例如，如果一个元素显示的字体为12 pt，则'2em'为24 pt。'em'在CSS中是一个非常有用的单元，因为它可以自动适应读者使用的字体"