मेरी वर्तमान वेबसाइट लेआउट: स्क्रीनशॉट 1
मैंने साइट को केंद्र करने के लिए एक रैप आईडी के साथ एक div का उपयोग किया:
#wrap {
width: 70%;
margin: 0 auto;
}
लेकिन अब यह स्पष्ट रूप से यह मोबाइल पर 70% चौड़ाई बनाता है जो खराब दिखता है: SC2
मैंने मीडिया के प्रश्नों का उपयोग करने की कोशिश की, जिसके साथअधिकतम डिवाइस-चौड़ाई जो स्वयं द्वारा निर्दिष्ट की गई है और वे भी जो CSS सेक्शन के तहत बूटस्ट्रैप वेबसाइट पर हैं, हर बार मैंने उनमें से किसी एक का उपयोग किया था, जो मैंने मूल #wrap css कोड को हटा दिया था, लेकिन कुछ भी काम नहीं किया, मेरी वेबसाइट बस जाएगी सभी उपकरणों पर 100% होने के बावजूद और भले ही मैंने इसे मोबाइल पर 70% (सिर्फ एक परीक्षण के रूप में) बनाया था, यह अभी भी हर जगह समान था, जैसे कि रैप आईडी के लिए कोई सीएसएस कोड बिल्कुल भी नहीं था।
क्षमा करें यदि यह एक गूंगा प्रश्न है, तो मैं अभी हार गया हूं और वास्तव में एक निश्चित (टैबलेट-मोबाइल) ब्रेकपॉइंट पर अपनी साइट को 100% बनाना चाहता हूं।
उत्तर:
उत्तर № 1 के लिए 1इसे इस्तेमाल करे:-
@media (min-width: 768px) {
.mymenu {
width: 20%;
}
}