title: can most mobile browsers cope with 3000 css style defintions?
body: <p>Using three thousand style definitions is highly unusual: is there a chance that some obscure mobile device might complain?</p>
  
  <p><strong>Details:</strong>
  I'm creating a game to run on as many browsers as possible, so that means no using canvas. I tried animating characters by changing style variables, but that caused too many reflows. Next I tried changing DOM nodes all at once "innerHTML" and later tried replacechild and documentfragment. Most browsers are good, but Internet Explorer can't mess with DOM nodes for long periods without leaking memory (even IE9 leaks slowly). Every attempt at fixing one memory leak just caused another leak somewhere else. I finally used css instead, with a separate class for every pixel position. E.g.</p>
  
  <pre><code>class="Height123 Width456 Left789 Top0";
  </code></pre>
  
  <p>This runs quickly even on IE8, as it requires just one reflow, and has no memory leaks. It runs perfectly on every desktop browser I've tried, but it requires around three thousand classes. (I can't use any CSS3 shortcuts because IE8 only supports CSS2). That makes me nervous about smaller devices. I don't own every possible handheld, so I wonder if any of them are known to limit css styles? </p>