2012-04-14 8 views
5

मैंने एक साधारण छोटी jquery मोबाइल साइट बनाई है, लेकिन मुझे ब्राउजर-आधारित यातायात के लिए एक बहुत ही समान साइट की भी आवश्यकता है। असल में, इस पल के लिए, साइटें बिल्कुल वही हैं, सिवाय इसके कि मुझे इन-ब्राउजर साइट की चौड़ाई को 650 पीएक्स या उससे भी कम करने की आवश्यकता है।क्या एक jquery मोबाइल साइट डेस्कटॉप ब्राउज़र साइट भी हो सकती है?

क्या ऐसा करने का कोई आसान तरीका है? यह मुझे विकास के कई घंटे बचाएगा।

इसके अलावा, यह देखते हुए, मोबाइल और ब्राउज़र-आधारित साइटों के लिए कोड के एकल, सामान्य आधार से काम करने में बहुत मददगार होगा, केवल अंतर अलग-अलग बनाए रखा जाएगा। क्या कोई ढांचा या दृष्टिकोण है जो मुझे अपना कोड DRY रखने में मदद कर सकता है?

नोट: मैं this question के बारे में पता कर रहा हूँ, लेकिन यह थोड़ा अलग है, जो पूछेगा कि jQuery मोबाइल डेस्कटॉप बजाय मोबाइल के के लिए इस्तेमाल किया जा सकता है। मैं दोनों के लिए एक ही कोड का उपयोग करना चाहता हूं।

उत्तर

1

यदि आप पृष्ठ चौड़ाई को सीमित करना चाहते हैं तो यह केवल सीएसएस है। आप सीएसएस मीडिया प्रश्न का उपयोग कर अपने ब्राउज़र विशिष्ट साइट के लिए एक एकल सीएसएस फ़ाइल लोड कर सकते हैं।

यहां एक link है जो आपकी मदद कर सकता है।

3

जेक्यूएम के बारे में अच्छी बात यह है कि आप डेस्कटॉप और मोबाइल पर एक ही स्रोत का उपयोग करने की अनुमति देते हैं, खासकर यदि सामग्री कम या कम बराबर है।

650 पिक्सेल अपनी डेस्कटॉप साइट को सीमित करने के लिए, आपको निम्न दो सीएसएस-ग्रिड इस्तेमाल कर सकते हैं:

1140px CSS GRID
960px CSS GRID

प्राप्त करने के लिए 650 पिक्सेल बस से पहले और अपनी सामग्री के बाद कुछ खाली ब्लॉक जोड़ें। छोटे डिस्प्ले पर आपकी सामग्री मीडिया क्वेरी का उपयोग करके पूर्ण हो जाएगी (आईई पर समर्थन करने के लिए, respond.js शामिल करना सुनिश्चित करें।

मैंने 960 ग्रिड की कोशिश नहीं की है, लेकिन 1140 पीएक्स ग्रिड का उपयोग कर रहा हूं। जेक्यूएम ढहने के साथ भी काम करता है , जो एक प्लस है।

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