如何调整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-align：center; margin：auto;能见度：可见;} .ajax__calendar_months {top：0px; left：0px; width：450px; position：absolute; text-align：center; margin：0 0 -5px 0;填充：0 0 1px 0;溢出：隐藏;背景色：#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 {身高：40px;宽度：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（＆lt;％= WebResource（“AjaxControlToolkit” .Calendar.arrow-left.gif“）％＆gt;）; 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（＆lt;％= WebResource（“AjaxControlToolkit” .Calendar.arrow-right.gif“）％＆gt;）; 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：right; padding：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：18px; height：45px; width：60px; text-align：center; cursor：pointer;溢出：隐藏; 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_ 日历.ajax _calendar_container {border：1px solid＃646464; background-color：#ffffff; color：＃000000;} .ajax_ 日历.ajax _calendar_footer {border-top：1px solid＃f5f5f5;} .ajax_ 日历.ajax _calendar_dayname {border-bottom：1px solid＃f5f5f5;} .ajax_ 日历.ajax _calendar_day {border：1px solid＃D3DEEF;} .ajax_ 日历.ajax _calendar_month {border：1px solid＃D3DEEF; background-color：#ffffff;} .ajax_ 日历.ajax _calendar_year {border：1px solid＃D3DEEF; background-color：#ffffff;}
.ajax_ 日历.ajax _calendar_active .ajax__calendar_day {background-color：＃edf9ff; border-color：＃0066cc; color：＃0066cc;} .ajax_ 日历.ajax _calendar_active .ajax__calendar_month {background-color：＃edf9ff; border-color：＃0066cc;颜色：＃0066cc;} .ajax_ 日历.ajax _calendar_active .ajax__calendar_year {background-color：＃edf9ff; border-color：＃0066cc; color：＃0066cc;}
.ajax_ 日历.ajax _calendar_other .ajax__calendar_day {background-color：#ffffff; border-color：#ffffff; color：＃646464;} .ajax_ 日历.ajax _calendar_other .ajax__calendar_year {background-color：#ffffff; border-color：#ffffff; color：＃646464;}
.ajax_ 日历.ajax _calendar_hover .ajax__calendar_day {background-color：＃edf9ff; border-color：#daf2fc; color：＃0066cc;} .ajax_ 日历.ajax _calendar_hover .ajax__calendar_month {background-color：＃edf9ff; border-color：#daf2fc; color：＃0066cc;} .ajax_ 日历.ajax _calendar_hover .ajax__calendar_year {background-color：＃edf9ff; border-color：#daf2fc; color：＃0066cc;}
.ajax_ 日历.ajax _calendar_hover .ajax__calendar_title {color：＃0066cc;} .ajax_ 日历.ajax _calendar_hover .ajax__calendar_today {color：＃0066cc;}
使用这种CSS样式，我可以避免重叠，但随后几个月和几年不再足够大，并且不会填满整个屏幕。有没有人有这方面的经验？
答案 0 :(得分：1)
我自己也有一个非常类似的问题，最终发现了一个黑客而不是解决方案。但它的工作非常出色并且对我没有任何问题：
由于我无法缩放日历，我缩小了其他所有内容，并更改了页面的缩放属性，以启动用户放大到足以使日历足够大。
有关设置初始缩放的帮助，请参阅Showing mobile friendly web page without having to zoom in。此外，我发现如果您使用
，日历通常足够大（在我看来）<meta name="viewport" content="width = device-width" />
是的，您实际输入“设备宽度”，这将要求设备查看您的页面的宽度并使用它。