सीएसएस क्षैतिज स्क्रॉलबार ब्राउज़र स्क्रीन

Question

प्रिय ढेर अतिप्रवाह उपयोगकर्ताओं,

मैं curently एक उत्तरदायी वेबसाइट के विकास कर रहा हूँ आकार बदलने के बाद क्रोम में apear।

मुझे Google क्रोम और डिफ़ॉल्ट एंड्रॉइड इंटरनेट ब्राउज़र पर एक बहुत ही अजीब समस्या है।

वेबसाइट का आकार बदलने के बाद ऐसा लगता है (ब्राउज़र को क्षैतिज रूप से बड़ा बनाना या एंड्रॉइड (480 पिक्सल से अधिक) पर लैंडस्केप दृश्य में चित्र बदलना)।

जब मैं ब्राउजर को कम से कम आकार देता हूं तो 480 पिक्सेल क्षैतिज स्क्रॉलबार एपियर का आकार बदलता है।

(लोको पैरा Saxo .com/नई)

Answer 1

समस्या आपके सीएसएस के साथ है। navigation के लिए display:none के बजाय आप visibility: hidden; लिखते हैं।

.moduletable_shop h3, #navigatie-horizontaal, .logo { 
position: absolute; 
width: 0; 
height: 0; 
display: none; 
} 

कारण display:none; लिखने के लिए क्योंकि visibility: hidden; तत्व छिपाते हैं, लेकिन तत्व नहीं निकाला लेकिन display:none तत्व को हटा दें।

Answer 2

गंदा रास्ता पर स्वयं देखें, लेकिन यह काम करता है।

body { 
    overflow-x: hidden; 
} 

Answer 3

जैसा कि संदीप ने लिखा है, ऐसा इसलिए होता है क्योंकि आप visibility: hidden का उपयोग करते हैं। यदि आप सामान छिपाना चाहते हैं, तो आपको इसके बजाय display:none का उपयोग करना चाहिए। w3schools-डॉक्स के अनुसार, visibility: hidden है:

तत्व अदृश्य है (लेकिन अभी भी ऊपर अंतरिक्ष लेता है)