javascript - css 试图调整 jQuery datepicker 的大小

Question

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

图片:

代码(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" });
                    });

Answer 1

最好更改日期选择器的字体大小而不是宽度。只需尝试以下代码:

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