मैं एक लैंडिंग बना रहा हूं और मैंने शरीर और HTML तत्वों के लिए लागू नियमों का यह सेट दिया है:
html {
margin: 0px;
height: 100%;
width: 100%;
}
body {
margin: 0px;
min-height: 100%;
width: 100%;
}
इसके अलावा, सब कुछ देखा गया है:
<meta name="viewport" content="width=device-width, initial-scale=1">
और चित्र पर, नीचे आप पृष्ठ के मुख्य ब्लॉक देख सकते हैं, इनकी चौड़ाई 100% है
हालाँकि, मैंने जो कुछ भी उल्लेख किया है उसमें से कुछ भी वास्तव में मदद नहीं करता है और पृष्ठ के ब्लॉक के बावजूद वे सभी 100% चौड़ाई वाले हैं, अलग-अलग आकार हैं और, एक क्षैतिज स्क्रॉलबार भी है।
स्क्रॉलबार से छुटकारा पाने और सभी ब्लॉकों को एक वर्तमान व्यूपोर्ट के आकार का बनाने के लिए मुझे क्या करना चाहिए?
उत्तर:
जवाब के लिए 2 № 1डालने का प्रयास करें
overflow-x: hidden;
overflow-y: scroll;
शरीर पर {
उत्तर № 2 के लिए 1
आपको क्षैतिज स्क्रॉलबार नहीं होना चाहिए। यदि आपके पास क्षैतिज स्क्रॉलबार है - तत्वों में से एक मुख्य पृष्ठ को ओवरफ़्लो करता है। खोजने की कोशिश करें जो समस्या बनाता है। यदि आप अतिप्रवाह का उपयोग करते हैं - आप समस्या को ठीक नहीं करते हैं, लेकिन इसे कवर करें। पेज को स्केल करने पर यह उड़ जाएगा - कंटेंट जीता "t be center।
जवाब के लिए 0 № 3
हटाना width: 100%;
शरीर और HTML से।