मैं काफी समय से इस मुद्दे से जूझ रहा हूं। इस मुद्दे को मोबाइल उपकरणों (एंड्रॉइड और आईओएस) पर देखा जा सकता है, कुछ उपकरणों को थोड़ा-थोड़ा करके ज़ूम-इन करने की आवश्यकता हो सकती है। पीसी पर, मैं मोबाइल मोड पर स्विच करने पर क्रोम बग पर भी इस बग को पुन: पेश कर सकता हूं। नीचे बग को पुन: पेश करने के लिए कोड का उपयोग किया गया है:
<!DOCTYPE html>
<html lang="en">
<head>
<style>
.top {
height: 100px;
background-color: #553213;
}
.middle {
height: 100px;
background-color: #553213;
}
.bottom {
height: 100px;
background-color: #553213;
}
</style>
</head>
<body>
<div style="width:300px; height: 300px">
<div class="top"></div>
<div class="middle"></div>
<div class="bottom"></div>
</div>
</body>
</html>अपेक्षित परिणाम एक div होगा जो # 553213 रंग के साथ पूरा होता है। हालांकि, कुछ मोबाइल उपकरणों पर, वे उन तीन विभाजनों के बीच अतिरिक्त लाइनें (या अंतराल) प्रदर्शित करते हैं।
ओम मेरे आईफोन
मेरे पीसी पर, मोबाइल मोड के साथ क्रोम ब्राउज़र का उपयोग करना
क्या किसी को पता है कि यहाँ क्या हो रहा है? यह कैसे होता है और इसे कैसे ठीक किया जाए, इस बारे में कोई भी विचार वास्तव में सराहा जाएगा।
3
आपके पास मार्जिन 0 क्यों है? मैं पुन: पेश नहीं कर सकता, शायद प्रत्येक div पर -1px के मार्जिन को सेट करने का प्रयास करूं।
—
मैडिसन कोर्ट्टो
मुझे भी। एक पीसी पर पुन: पेश नहीं कर सकता। संभवतः एक फ़ोन ब्राउज़र समस्या।
—
asprin
मोबाइल ब्राउज़र समस्याएँ
—
लूई किम
ऐसा लगता है कि यह कुछ ब्राउज़रों / ऑपरेटिंग सिस्टम / उपकरणों के साथ एक समस्या है। इस संभावना का मतलब है कि आप केवल एक हैक का उपयोग करके इसे 'ठीक' कर सकते हैं। या बग को ठीक करने के लिए इन ब्राउज़रों / ऑपरेटिंग सिस्टम / उपकरणों के डेवलपर्स को सुझाव दें।
—
दान
चूँकि इन सभी divs की पृष्ठभूमि एक ही है तो क्या आप इसके बजाय मूल तत्व पर पृष्ठभूमि रंग नहीं डाल सकते हैं?
—
Moob