वेबसाइट उत्तरदायी बनाने के लिए सबसे तेज़ तरीका?

Question

मैंने ज़र्ब फाउंडेशन और कंकाल का उपयोग पहले किया है, इसलिए मैं दोनों से परिचित हूं लेकिन मुझे पहले किसी मौजूदा वेबसाइट को किसी उत्तरदायी वेबसाइट में परिवर्तित नहीं करना पड़ा था। मेरी वेबसाइट को बदलने के लिए सबसे तेज़ तरीका क्या है? ऊपर दिए गए ढांचे का उपयोग करना, या पहले से प्रदान किए गए कोड के लिए मीडिया क्वेरीज़ जोड़ना? (यह है कि काम करता है?)

Answer 1

निर्धारित आप किन उपकरणों का समर्थन करने के लिए और फिर इन पंक्तियों के साथ कुछ के साथ एक स्टाइलशीट जोड़ना चाहते हैं:

/* =Responsive Structure 
----------------------------------------------- */ 
@media (max-width: 800px) { 
     /* Smaller Resolution Desktops and Laptops */ 
     [...] 
} 
@media (max-width: 650px) { 
     /* Smaller devices */ 
     [...] 
} 
@media (max-width: 450px) { 
     /* Even Smaller devices */ 
     [...] 
} 
@media only screen and (min-device-width: 320px) and (max-device-width: 480px) { 
     /* Even Smaller devices */ 
     [...] 
} 

यह अगर वे अवरोही क्रम में जाना परीक्षण करने के लिए सबसे आसान है। यहाँ और अधिक उदाहरण मीडिया क्वेरी:

http://css-tricks.com/snippets/css/media-queries-for-standard-devices/

Answer 2

मेरे मामले में मैं खरोंच से वेबसाइट के पुनर्लेखन के लिए क्योंकि मेरी उत्तरदायी शैली फ़ाइल समस्या को हल करने की जरूरत है फ्लॉप .. इसलिए मैं LESS उपयोग करते हुए मेरे शैलियाँ पुनर्लेखन और मैं बना मैथ्यू डर्नेल डू जैसे सही मीडिया प्रश्नों के साथ एक उत्तरदायी स्टाइलशीट।

मैं कंकाल से परिचित नहीं हूं लेकिन ट्विटर बूस्ट्रैप मेरे लिए ठीक काम करता है।

Answer 3

यदि आप थोड़ा मस्तिष्क कार्य और प्रवासन करने के इच्छुक हैं, तो वर्तमान में मौजूदा परियोजना (विशेष रूप से कंपास परियोजनाओं) पर नींव स्थापित करने का एक तरीका है।

आपको पहले कंपास स्थापित करने की आवश्यकता है और परियोजना को एक कंपास प्रोजेक्ट में बदलना होगा। ऐसा करने का एक आसान तरीका कोड किट के माध्यम से है और बस अपने प्रोजेक्ट फ़ोल्डर को कोड किट में खींच और छोड़ना है। आप नींव वेबसाइट पर इस पृष्ठ के माध्यम से कुछ टर्मिनल संकेत प्राप्त कर सकते हैं।

http://foundation.zurb.com/docs/sass.html

फिर आप टर्मिनल खोलने के लिए और

cd /path-to-your-project-folder/ 

टाइप करने के लिए आप पूरी तरह से सास का उपयोग करके कोशिश करते हैं और एक मौजूदा अनुप्रयोग पर उपयोग के आधार अकेले कर सकते हैं तो टाइप

compass install -r zurb-foundation foundation 

आवश्यकता होगी (कोई कंपास नहीं) लेकिन आपको गिट साइट से नींव डाउनलोड करना होगा और @ एक को स्कैस को एक साथ शामिल करना होगा। आप ऊपर सूचीबद्ध पेज में जानकारी पा सकते हैं।