Methods of choosing a responsive design

There are several methods of choosing a responsive design. This page list to the following examples:

  1. Basic media selectors like screen, handheld, print and tv;
  2. Basic media selectors like screen, handheld, print and tv with javascript detected width determines the style to be used;
  3. Basic media selectors like screen, handheld, print and tv with css queries, one css file per medium;
  4. Basic media selectors like screen, handheld, print and tv with css queries in one single css file;

Note that this page itself, is as basic as possible so it will work on any device.