काय बदल

ची कमतरता लक्षात घ्या <meta name="viewport" content="width=device-width, initial-scale=1">, जे मोबाइल डिव्हाइसेसमधील साइट्सचे झूमिंग पैलू अक्षम करते. याव्यतिरिक्त, आम्ही आमच्या कंटेनरची रुंदी रीसेट केली आणि कोसळणे टाळण्यासाठी नॅव्हबार बदलला आणि मुळात ते जाण्यासाठी चांगले आहे.

नवबारांबाबत

हेड अप म्हणून, नवबार घटक येथे खूपच अवघड आहे कारण ते प्रदर्शित करण्याच्या शैली त्याऐवजी विशिष्ट आणि तपशीलवार आहेत. डेस्कटॉप शैलीचे प्रदर्शन एखाद्याला हवे तसे परफॉर्मंट किंवा स्लीक नाही याची खात्री करण्यासाठी ओव्हरराइड्स. नॅव्हबार वापरताना तुम्ही या उदाहरणाच्या शीर्षस्थानी तयार करता तेव्हा संभाव्य गॉट्स असू शकतात याची जाणीव ठेवा.

ब्राउझर, स्क्रोलिंग आणि निश्चित घटक

नॉन-रिस्पॉन्सिव्ह लेआउट्स निश्चित घटकांमधील मुख्य कमतरता हायलाइट करतात. कोणतेही निश्चित घटक, जसे की निश्चित नॅव्हबार, जेव्हा व्ह्यूपोर्ट पृष्ठ सामग्रीपेक्षा संकुचित होईल तेव्हा ते स्क्रोल करता येणार नाही. दुसऱ्या शब्दांत, 970px ची नॉन-रिस्पॉन्सिव्ह कंटेनर रुंदी आणि 800px चा व्ह्यूपोर्ट दिल्यास, तुम्ही संभाव्यतः 170px सामग्री लपवाल.

हे डीफॉल्ट ब्राउझर वर्तन असल्याने याभोवती कोणताही मार्ग नाही. प्रतिसादात्मक मांडणी किंवा नॉन-फिक्स्ड घटक वापरणे हा एकमेव उपाय आहे.

नॉन-रिस्पॉन्सिव्ह ग्रिड सिस्टम

एक तृतीयांश
एक तृतीयांश
एक तृतीयांश