/ / आइसोटोप - द्रव और चिनाई लेआउट 2 कॉलम में तोड़ना - jquery, उत्तरदायी डिजाइन, तरल लेआउट, jquery-isotope

आइसोटोप - द्रव और चिनाई लेआउट 2 कॉलम में तोड़ना - jquery, उत्तरदायी डिजाइन, तरल लेआउट, jquery-isotope

यकीन नहीं है कि इस मुद्दे के कारण क्या है लेकिन मेरे पास हैद्रव लेआउट जिससे मेरे बक्से चौड़ाई में 25% हैं और मेरे पास प्रति पंक्ति 4 बक्से हैं। आकार बदलने पर, मैंने देखा है कि अंतःक्रियात्मक त्रुटियां होती हैं जिससे 4 कॉलम टूटे हुए दो कॉलम में बदल रहा है। मेरा वीडियो यहां देखें: http://cl.ly/0s172D303X1M3H1v161z (ब्राउज़र लिंक में देखें पर क्लिक करें)।

मुझे लगता है कि समस्या ब्राउज़र में असंगत है, यह कुछ ब्राउज़रों में काम करती है लेकिन दूसरों को नहीं। क्या किसी को पता है कि कैसे ठीक किया जाए?

जेएसफ़िल्ड यहां है: http://jsfiddle.net/TVXve/

उत्तर:

उत्तर № 1 के लिए 1

मैंने सोचा कि मैं आइसोटोप के गितब पेज पर अपने मुद्दे पर ध्यान देना चाहूंगा, क्योंकि यह मेरे लिए बहुत उपयोगी साबित हुआ क्योंकि मुझे इस मुद्दे का सामना करना पड़ा:

https://github.com/desandro/isotope/issues/222

ऐसा प्रतीत होता है कि यह एक बग है, और आपको इसकी आवश्यकता होगीअपने आइटम की चौड़ाई को 24.5% पर सेट करें। फिर यह अंतराल के साथ एक समस्या प्रस्तुत करता है (यदि आप "एक निर्बाध ग्रिड के लिए जा रहे हैं), लेकिन कम से कम लोगों को सही दिशा में जाने में मदद करनी चाहिए।


उत्तर № 2 के लिए 1

मैंने पाया है कि ये दोनों प्लगइन्स पूर्ण पीएक्स मानों का उपयोग करके सबसे अच्छा काम करते हैं। क्या आपने कॉलमविड्थ को प्रतिशत मान पर सेट करने का प्रयास किया है?