超大calendarextender

我如何调整ajax控件工具包的calendarextender的大小以使其触摸友好，我已成功修改了css属性，但在选择月份或年份时，月份（或年份）与日期重叠，并且在进行选择后不会崩溃 .

这是我到目前为止使用的CSS：

.ajax__calendar_container {padding：4px; position：absolute; cursor：default; width：450px; font-size：28px; text-align：center; font-family：tahoma，verdana，helvetica; z-index：10000; } .ajax__calendar_body {height：360px; width：450px; position：relative; overflow：hidden; margin：auto;} .ajax__calendar_days {top：0px; left：0px; height：360px; width：450px; position：absolute; text-对齐：中心;保证金：汽车; visibility：visible;} .ajax__calendar_months {top：0px; left：0px; width：450px; position：absolute; text-align：center; margin：0 0 -5px 0;填充：0 0 1px 0; overflow：hidden; background-color：#ffffff;} .ajax__calendar_years {top：0px; left：0px; width：450px; position：absolute; text-align：center; margin：-10px; overflow：hidden;}

.ajax__calendar_container TABLE {font-size：32px;} .ajax__calendar_header {height：40px; width：100％; z-index：1000;} .ajax__calendar_prev {cursor：pointer; width：45px; height：45px; float：left; background-repeat：no-repeat; background-position：50％50％; background-image：url（< ％= WebResource（“AjaxControlToolkit.Calendar.arrow-left.gif”）％>）; background-color：＃D3DEEF;} .ajax__calendar_next {cursor：pointer; width：45px; height：45px; float：right; background-repeat ：no-repeat; background-position：50％50％; background-image：url（<％= WebResource（“AjaxControlToolkit.Calendar.arrow-right.gif”）％>）; background-color：＃D3DEEF;} . ajax__calendar_title {cursor：pointer; font-weight：bold;} .ajax__calendar_footer {height：33px;} .ajax__calendar_today {cursor：pointer; padding-top：3px;} .ajax__calendar_dayname {height：28px; width：34px; text-align：右;填充：0 4px -10px 0;} .ajax__calendar_day {font-size：20px; height：51px; width：54px; text-align：right; padding：0 4px; cursor：pointer;} .ajax__calendar_month {font-size ：18像素;高度：×45像素;宽度：60像素;文本对齐：中心;光标：指针;溢出：隐藏; vertical-align：middle; margin：-1px 0 1px 0;} .ajax__calendar_year {font-size：18px; height：46px; width：60px; text-align：center; cursor：pointer; overflow：hidden; vertical-align：middle;}

.ajax_calendar .ajax_calendar_container {border：1px solid＃646464; background-color：#ffffff; color：＃000000;} .ajax_calendar .ajax_calendar_footer {border-top：1px solid＃f5f5f5;} .ajax_calendar .ajax_calendar_dayname {border-bottom：1px solid＃f5f5f5;} .ajax_calendar .ajax_calendar_day {border：1px solid＃D3DEEF;} .ajax_calendar .ajax_calendar_month {border：1px solid＃D3DEEF; background-color：#ffffff;} .ajax_calendar .ajax_calendar_year {border：1px solid＃D3DEEF;背景色：#FFFFFF;}

.ajax_calendar .ajax_calendar_active .ajax__calendar_day {background-color：＃edf9ff; border-color：＃0066cc; color：＃0066cc;} .ajax_calendar .ajax_calendar_active .ajax__calendar_month {background-color：＃edf9ff; border-color：＃0066cc; color： ＃0066cc;} .ajax_calendar .ajax_calendar_active .ajax__calendar_year {background-color：＃edf9ff; border-color：＃0066cc; color：＃0066cc;}

.ajax_calendar .ajax_calendar_other .ajax__calendar_day {background-color：#ffffff; border-color：#ffffff; color：＃646464;} .ajax_calendar .ajax_calendar_other .ajax__calendar_year {background-color：#ffffff; border-color：#ffffff; color： ＃646464;}

.ajax_calendar .ajax_calendar_hover .ajax__calendar_day {background-color：#edf9ff; border-color：#daf2fc; color：＃0066cc;} .ajax_calendar .ajax_calendar_hover .ajax__calendar_month {background-color：＃edf9ff; border-color：#daf2fc; color： ＃0066cc;} .ajax_calendar .ajax_calendar_hover .ajax__calendar_year {background-color：＃edf9ff; border-color：#daf2fc; color：＃0066cc;}

.ajax_calendar .ajax_calendar_hover .ajax__calendar_title {color：＃0066cc;} .ajax_calendar .ajax_calendar_hover .ajax__calendar_today {color：＃0066cc;}

使用这种CSS样式，我可以避免重叠，但随后几个月和几年不再足够大，并且不会填满整个屏幕 . 有没有人有这方面的经验？