¿Existe un marco CSS así?

Question

estoy en busca de un marco CSS que es sensible, de gran tamaño (más de 1000 píxeles), y donde puedo hacer el folowing:

diseño grande:

diseño normal:

diseño móvil:

¿Alguna sugerencia? He intentado 960.gs, Titan framework, 1140 css grid, y Golden Grid System, pero no estoy seguro de poder hacer todo lo que quiero en ninguno de ellos.

Answer 1

desea servir diferente css detectando el tamaño de la pantalla.

Esta herramienta hace: Adapt.js (echa un vistazo a Less también)

Con Adapt.js que puede hacer cosas como esta:

// Edit to suit your needs. 
var ADAPT_CONFIG = { 
    // Where is your CSS? 
    path: 'assets/css/', 

    // false = Only run once, when page first loads. 
    // true = Change on window resize and page tilt. 
    dynamic: true, 

    // Optional callback... myCallback(i, width) 
    callback: myCallback, 

    // First range entry is the minimum. 
    // Last range entry is the maximum. 
    // Separate ranges by "to" keyword. 
    range: [ 
    '0px to 760px = mobile.css', 
    '760px to 980px = 720.css', 
    '980px to 1280px = 960.css', 
    '1280px to 1600px = 1200.css', 
    '1600px to 1920px = 1560.css', 
    '1940px to 2540px = 1920.css', 
    '2540px   = 2520.css' 
    ] 
}; 

Answer 2

ooh lo que necesita es CSS3 preguntas de los medios ..

http://ie.microsoft.com/testdrive/HTML5/CSS3MediaQueries/

Comprobar el enlace