2012-05-10 16 views
6

मैं एक सीएसएस रूपरेखा है कि, उत्तरदायी बड़े (1000 पिक्सेल से अधिक) है के लिए खोज कर रहा हूँ, और मैं क्या कर सकते हैं जहां folowing:क्या ऐसा कोई सीएसएस ढांचा है?

बड़े डिजाइन:

large design

सामान्य डिजाइन:

normal design

मोबाइल डिजाइन:

mobile design

कोई सुझाव? मैंने 960.gs, Titan framework, 1140 css grid, और Golden Grid System की कोशिश की है, लेकिन मुझे यकीन नहीं है कि मैं उन सभी में से कुछ भी कर सकता हूं जो मैं चाहता हूं।

+0

वहाँ एक विशेष कारण है कि यह एक रूपरेखा होना चाहिए है और आप एक अनुरूप समाधान नहीं कर सकते हैं? –

+0

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

+1

वास्तव में नहीं .. मैं सिर्फ ग्रिड सिस्टम के लिए नया हूं और कुछ ऐसा उपयोग करना चाहता था जो पहले से ही उपयोग में है और पॉलिश – Manu

उत्तर

4

आप स्क्रीन आकार पता लगाने के द्वारा विभिन्न सीएसएस की सेवा करना चाहते हैं।

यह उपकरण यह करता है: Adapt.js

Adapt.js के साथ आप इस तरह सामान कर सकते हैं (Less भी पर एक नजर डालें):

// 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

बूटस्ट्रैप के बारे में क्या है ? हालांकि यह सुनिश्चित नहीं है कि यह 940 पीएक्स तक केवल उत्तरदायी है? एक नजर के लायक हालांकि – Richlewis

+0

हाँ मैं बूटस्ट्रैप पर्याप्त विस्तृत नहीं है – Manu

+0

मैं इसे ढांचे के बिना और/या Adapt.js का उपयोग करने की कोशिश करूंगा – Manu

संबंधित मुद्दे