Gibt es ein solches CSS-Framework?

Question

Ich bin auf der Suche nach einem CSS-Framework, das anspricht, groß (als 1000px mehr) ist, und wo ich das Folowing tun:

Large Design:

Normalausführung:

Mobildesign:

Irgendwelche Vorschläge? Ich habe versucht 960.gs, Titan framework, 1140 css grid, und die Golden Grid System, aber ich bin mir nicht sicher, dass ich alles tun kann, was ich in jedem von ihnen will.

Answer 1

Sie wollen verschiedene CSS dienen, indem die Bildschirmgröße zu erfassen.

Dieses Tool macht es: Adapt.js (Werfen Sie einen Blick auf Less auch)

Mit Adapt.js Sie Sachen wie diese tun können:

// 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, was Sie brauchen, ist CSS3 Media Queries ..

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

Überprüfen Sie den Link