jQuery-UI主题化-CSS大小差异

Question

jQuery-UI主题化-CSS大小差异

3

使用jQueryUI网站上的示例（主题浏览器）时，效果很好。但是，当我将代码和主题放入我的应用程序中时，大小比例完全失调（我正在尝试使用Redmond主题）。

有什么想法吗？为什么这些示例看起来如此不同？在我构建的应用程序中，只有一个CSS引用，即Redmond主题...下面的图像正是它们呈现给浏览器的方式。 我的应用程序：
alt text http://www.imageunload.com/public/14462/jQueryUI.png jQuery UI示例：
alt text http://www.imageunload.com/public/14463/jQueryUI-Sample.png 我的应用程序代码：

<div>
    <asp:TextBox ID="txtDateSample" runat="server"></asp:TextBox>
</div>
</form>
<script type="text/javascript" language="javascript">
    $(function() {
        $('#<%= txtDateSample.ClientID %>').datepicker({
            showButtonPanel: true,
            showOn: 'button',
            buttonImage: '../Graphics/Icons/calendar.png',
            buttonImageOnly: true
        });
    });
</script>

Firebug 查看 Div 元素：

<div id="ui-datepicker-div" class="ui-datepicker ui-widget ui-widget-content ui-helper-clearfix ui-corner-all ui-helper-hidden-accessible"/>

- RSolberg

1

这里是解决方案 http://stackoverflow.com/questions/8812401/jquery-data-picker-font-size-issue/8812568#8812568 - NoWar

3个回答

1

将此代码添加到您的index.php页面、主页或每个页面中

<head>
<style>
    body{
        font-size: 62.5%; /* it is necessary for jquery ui */
        }
</style>
</head>

使用jquery-ui时，管理字体或标签大小的方法是合法的编码程序。

- GAURAV MAHALE

1

当事物比你预期的要小时，一个好的假设是某种百分比/比例大小递归发生了，也就是说你有

.foo {width: 80%;}

在某个地方应用了两次或更多次，这意味着您的宽度最终为80%的80%的80%。

- Ambrose

网页内容由stack overflow 提供, 点击上面的

可以查看英文原文，
原文链接

- Paolo Bergantino · Accepted Answer

这曾经也发生在我身上。这是因为您的某些样式意外地影响了日历div。使用Firebug查看应用于日历的样式。然后编辑主题以覆盖您的样式所做的任何操作。

编辑：

你要找的部分不是生成的HTML，尽管它很重要，更重要的是实际应用的样式：

_{(来源: pathf.com)} 你会看到应用的样式，而被分配但未被应用的样式将被划掉。您可能会在此窗口中看到一些您的样式。它们很可能是罪魁祸首。通过使它们更具体来修复它们，您的日历就可以正常运行。