title: Change to basicDay view in FullCalendar if viewport is 480px or less?
body: <p>Is there an easy way to change the view for a user based on the current viewport size in FullCalendar?</p>
  
  <p>What I'd like to do is have month view on desktop, and day view if using an iPhone or mobile device. At the moment with month view all the events are squashed up on mobile.</p>
  
  <p>Current code:</p>
  
  <pre class="lang-js prettyprint-override"><code>$(document).ready(function() {
      $("#primary #calendar").fullCalendar({
          header: {
              left: 'prev,next',
              center: 'title',
              right: 'month,agendaWeek,agendaDay'
          },
          timeFormat: 'h(:mm)tt',         
          eventSources: [
              {
                  url: 'http://www.google.com/mycal1',
                  color: 'blue',
                  textColor: 'white'
              },
              {
                  url: 'http://www.google.com/mycal2',
                  color: 'white',
                  textColor: 'black'
              }
          ]
      })
  });
  </code></pre>