超大型日历软件
我如何调整ajax控件工具包的日历快讯，以便触摸友好，我已成功修改了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-对齐：中心;保证金：汽车; visible：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： 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 ：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固体＃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样式，我可以避免重叠，但是这样的月份和年份不再大，并且不会填满整个屏幕。 有没有人有这方面的经验？
我自己也有一个非常类似的问题，最终找到了比解决方案更多的黑客攻击。 但它出色地运作并且不会对我造成任何问题：
由于我无法缩放日历，因此我缩小了其他所有内容，并更改了我的页面的缩放属性，以使用户放大到足够大，以便日历足够大。
请参阅显示移动友好网页，而无需放大设置初始缩放的帮助。 另外，我发现日历通常足够大（在我看来），如果你使用
<meta name="viewport" content="width = device-width" />
是的，你实际上键入“设备宽度”，它会要求设备查看你的页面的宽度并使用它。
链接地址: http://www.djcxy.com/p/87559.html