2012-05-10 15 views
6

szukam ramy CSS, który jest czuły, duże (ponad 1000px), i gdzie mogę zrobić folowing:Czy istnieje takie ramy CSS?

Duży projekt:

large design

Normalna konstrukcja:

normal design

Komórka design:

mobile design

Wszelkie sugestie? Próbowałem 960.gs, Titan framework, 1140 css grid, a Golden Grid System, ale nie jestem pewien, że mogę robić wszystko, co chcę w żadnym z nich.

+0

jest jakiś szczególny powód, dlaczego musi to być ramy i nie możesz zrobić dopasowanego rozwiązania? –

+0

http://getskeleton.com/, http://twitter.github.com/bootstrap/ –

+1

Niezupełnie .. Jestem po prostu nowy w systemach gridowych i chciałem użyć czegoś, co jest już w użyciu i wypolerowane – Manu

Odpowiedz

4

chcesz służyć inny css poprzez wykrywanie rozmiaru ekranu.

Narzędzie to robi: Adapt.js (Spójrz na Less zbyt)

Z Adapt.js rzeczy można zrobić tak:

// 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' 
    ] 
}; 
+0

co z bootstrapem ? ale nie jesteś pewien, czy reaguje tylko na 940 pikseli? Warto jednak wyglądać tak – Richlewis

+0

Tak, I bootstrap nie jest wystarczająco szeroki – Manu

+0

Spróbuję zrobić to bez ramy i/lub przy użyciu Adapt.js – Manu