jQuery的日期选择器比预览网站

我试图测试jQuery的日历工具大，但比preview page它appears to be too big，更大。jQuery的日期选择器比预览网站

任何想法？

谢谢！

2009-08-10 stringo0

这似乎是它确实是字体大小及相关出使尺寸过大 - 但我仍然试图找出最好的解决办法，因为我想它看起来像是在做jQuery的演示站点 - 他们的CSS似乎是相同-_- – stringo0 2009-08-11 16:12:18

我找到了解决办法http://stackoverflow.com/questions/8812401/jquery-data-picker-font-size-issue/8812568#8812568 – 2012-01-11 00:34:37

我遇到了同样的问题。我不得不将自定义CSS中的字体大小更改为1.25em以外的字体大小。我相信我用我的应用程序中的其他地方使用的小号。

在FireFox中浏览页面时，我能够检查FireBug中的整个日历控件，并将字体大小更改为中等大小（我认为可能很小），并在此时完美呈现。刚进入UI CSS并且永久地改变了它，因为没有投诉。

退房my post here ...

来源

2009-08-10 18:23:53 RSolberg

看着你的帖子，谢谢你的链接！ – stringo0 2009-08-11 16:15:39

你有任何特定的CSS来调整字体大小吗？这将调整任何jQuery字体大小。

来源

2009-08-10 18:02:41

样式表很可能正在控制这个。查看网页的来源，它是this one或this one。

正如你所看到的，他们很丑陋的，但你可以通过像this one一个prettifier运行它。

或者你可以简单地下载一个版本，在它的亮度主题JQuery用户界面中。我的猜测是它已经有了正确的大小。

来源

2009-08-10 18:08:41

这没” t帮助 - 设计保持不变：P – stringo0 2009-08-11 16:16:20

仔细检查您是否使用演示网站正在使用的相同jQueryUI主题。通过在我的网站上加载错误的主题，我看到了这个确切的问题。

来源

2009-08-10 18:09:55

是的，它是正在加载的正确的css文件 - 颜色等被加载。 – stringo0 2009-08-11 16:06:08

您可以使用Firebug's Inspect feature来选择其中一个值，你会看到什么样式表设置字体的大小。然后你可以改变它以适应你的需求。

来源

2009-08-10 18:20:17 RaYell

这绝对是一个有用的提示 - 谢谢！ – stringo0 2009-08-11 16:52:39

这有事情做与jQuery是使用CSS样式（这是与其他人的有关CSS的答案搭售），尤其是字体大小在EM被比较到PX - 我认为它试图从页面本身继承样式，或类似的东西。

对我来说，该溶液到UI窗口小部件的CSS类的字体大小改变为11像素，从而产生以下css类：

.ui-widget { 
-x-system-font:none; 
font-family:Trebuchet MS,Tahoma,Verdana,Arial,sans-serif; 
**font-size:11px;** 
font-size-adjust:none; 
font-stretch:normal; 
font-style:normal; 
font-variant:normal; 
font-weight:normal; 
line-height:normal; 
}

来源

2009-08-11 16:51:36 stringo0

在CSS文件中改变字体大小的例如我的CSS文件恰好是

/css/smoothness/jquery-ui-1.8.1.custom.css

，我改变了

.ui-widget { 
    font-family: Verdana,Arial,sans-serif; 
    font-size: 1.1em; 
}

到

.ui-widget { 
    font-family: Verdana,Arial,sans-serif; 
    font-size: 0.7em; 
}

来源

2011-01-12 15:13:08

或者只是添加此CSS行：

#ui-datepicker-div { 
    font-size:12px !important; 
}

来源

2011-02-03 13:31:40

只需添加在你的CSS行：

.ui-datepicker { width: 17em; padding: .2em .2em 0; display: none; } 
font-size: 0.7em;

这样的：

.ui-datepicker { width: 17em; font-size: 0.7em; padding: .2em .2em 0; display: none; }

来源

2012-08-06 13:38:44

我遇到了类似的问题。我通过使用chrome的开发工具检查元素来解决这个问题，并意识到包含datepicker的div元素（即ID为ui-datepicker-div的div）被附加到body元素。 datepicker div的font-size css属性设置为1.1em（来自jQuery UI的基本css文件中的类ui-widget）。因为我没有设置字体大小的body元件上（即含有的日期选择器的元件）默认为根据this blog使用16px。在body元素上设置一个明确的font-size解决了我的问题。

来源

2012-08-17 09:00:04

jQuery的日期选择器比预览网站

回答

相关问题