css试图调整jQuery datepicker的大小答案

【问题标题】：css trying to resize jQuery datepickercss试图调整jQuery datepicker的大小
【发布时间】：2015-07-01 11:31:21
【问题描述】：

我需要调整这个日期选择器的大小...但是日历部分不想用日期选择器调整大小...

图片：

代码（CSS）：

.ui-datepicker-inline {
    margin: 0 auto;
    margin-top: 10px;
    margin-bottom: 10px;
    background: #FFFFFF;
}
@media screen and (max-width: 540px) {
    #headerSeparator {
        width: 80%;
    }
    .ui-datepicker-inline, .ui-datepicker, .ui-datepicker-calendar, .ui-widget-content {
        width: 80%;
    }
}

编辑：

这是我的 javascript

$(document).ready(function()
                    {
                        $("#datepicker").datepicker({ dayNamesMin: ["DIM", "LYN", "MAR", "MER", "JEU", "VEN", "SAM"], monthNames: ["Janvier", "Février", "Mars", "Avril", "Mai", "Juin", "Juillet", "Août", "Septembre", "Octobre", "Novembre", "Décembre"], altField: "#date", dateFormat: "yy-mm-dd" });
                    });

【问题讨论】：

你能在 jsfiddle 中添加这个吗？
你能做一个小提琴/张贴html和css的其余部分吗？没有代码更难解决问题！
我认为您可以使用 !important 来克服默认设置，但请发布您的代码以便我们看到问题
这是因为实际日期在一个表格中，该表格总是有一个最小宽度来显示其中的内容，在你的情况下是天。您要么需要将 overflow:auto 添加到 datapicker div，要么将表格上的字体变小，以便表格变小
我可以看到单元格内边距很高可能会有所帮助。

标签： javascript jquery html css datepicker

【解决方案1】：

最好更改日期选择器的字体大小而不是宽度。试试这个代码：

.ui-datepicker{
 font-size:13px;
}

【讨论】：

文字太小了
根据需要尝试使用 15px 或其他值。