2010-03-29 9 views
5

position:absolute का उपयोग relative के अंदर प्रिंट, स्क्रीन-पाठकों और मोबाइल उपयोगकर्ताओं के लिए समस्याएं पैदा कर सकता है? अगर हम स्क्रीन, मुद्रण पर और स्क्रीन रीडर और मोबाइल उपयोगकर्ताओं के लिए अच्छा संगतता की जरूरत है, मैं कम Position का उपयोग करना चाहिएस्थिति का उपयोग है: रिश्तेदार के अंदर पूर्ण प्रिंट, स्क्रीन-पाठकों और मोबाइल उपयोगकर्ताओं के लिए समस्याएं पैदा कर सकता है?

या float + margin + Padding अभी भी सबसे अच्छा है?

+0

सुनिश्चित नहीं है कि अभिगम्यता और स्क्रीन पाठकों और प्रिंटिंग जैसी चीजों के लिए सबसे अच्छा क्या है, लेकिन मुझे व्यक्तिगत अनुभव से पता है कि निश्चित स्थिति वाले तत्वों के अंदर अपेक्षाकृत स्थित तत्वों ने मुझे अतीत में बहुत दुख दिया है और यदि आप इससे बच सकते हैं तो शायद सबसे अच्छा है उन्हें पूरी तरह से। –

+0

स्क्रीन पाठकों को 'स्थिति' संपत्ति के बारे में क्यों ख्याल रखना चाहिए? –

उत्तर

2

स्क्रीन पाठक पूरी तरह से सीएसएस के माध्यम से तत्वों की स्थिति को अनदेखा करते हैं। वे पहले पढ़ने के लिए निर्णय लेने पर डीओएम में तत्वों के क्रम का उपयोग करते हैं।

निम्न उदाहरण पर विचार करें:

<p style="position:absolute;top:100;left:0">Foo</p> 
<p style="position:absolute;top:0;left:0">Bar</p> 

दिखने में, "बार" पैरा प्रकट होता है पहले, क्योंकि हम यह अन्य सीएसएस का उपयोग कर ऊपर तैनात कर दिया है। लेकिन स्क्रीन रीडर सीएसएस को अनदेखा कर देगा और "बार" पैराग्राफ के बाद "फू" अनुच्छेद पढ़ेगा।

तो अपने प्रश्न का उत्तर देने के लिए, हाँ यह स्क्रीन रीडर उपयोगकर्ताओं के लिए शायद ठीक है। हालांकि, अपने तत्वों के आदेश के बारे में जागरूक रहें और सुनिश्चित करें कि उस क्रम में पढ़ने पर पृष्ठ अभी भी समझ में आता है।

स्थिति के लिए: निश्चित, यह आपके लक्षित ब्राउज़र पर निर्भर करेगा। उदाहरण के लिए आईई 6, "निश्चित" स्थिति का समर्थन नहीं करता है। अधिकांश मोबाइल फोन या तो (निश्चित रूप से मोबाइल सफारी आईफोन पर नहीं है) इस तथ्य के कारण कि व्यूपोर्ट सीमित आकार का है।

+0

और प्रिंटिंग के बारे में क्या? –

+0

प्रिंटर को जो भेजा जाता है वह "आम तौर पर" स्क्रीन पर प्रदर्शित होता है, हालांकि ब्राउज़र अक्सर स्याही बचाने के लिए कुछ सीएसएस गुणों (जैसे पृष्ठभूमि रंग, छवियों) को अनदेखा करते हैं, और यह सुनिश्चित करने के लिए रैपिंग लागू करते हैं कि चीजें मुद्रित पृष्ठ पर फिट हों । यदि आप अनुकूलित करना चाहते हैं कि मुद्रित होने पर आपका पृष्ठ कैसा दिखता है, निश्चित रूप से लिंक टैग पर मीडिया = "प्रिंट" विशेषता की जांच करें। इससे आपको केवल तभी विशिष्ट सीएसएस शामिल किया जाएगा जब पृष्ठ मुद्रित किया जा रहा हो। एक सूची के अलावा इस तकनीक पर एक अच्छा लेख है: http://www.alistapart.com/articles/goingtoprint/। –

 संबंधित मुद्दे

  • कोई संबंधित समस्या नहीं^_^