title: Setting HTML5 autofocus attribute with CSS
body: <p>I have a  website that has one input field (like a search engine) and I use the HTML5 <code>autofocus</code> attribute on it.</p>
  
  <p>But on very small screen sizes the soft keyboard that pops up on many devices obscures too much of the screen.</p>
  
  <p>Is it possible to se the autofocus attribute in a CSS media query, so its only active on larger displays ?</p>
  
  <p>I know I could set the focus with Javascript, but right now the pages doesn't use any Javascript and I would prefer to avoid it if its possible to use CSS for this.</p>