2013-02-28 8 views
5

क्या कोई HTML फ़ाइल मीडिया गुणों के आधार पर एक अलग स्टाइलशीट का उपयोग करने का कोई तरीका है? मुझे पता है कि link विधि मीडिया प्रकार लेती है, लेकिन मुझे लगता है कि सभी संदर्भ केवल मीडिया प्रकार को इंगित करते हैं, विस्तारित क्वेरी नहीं। मैं यह भी सुनिश्चित नहीं करता कि यह कैसे सुनिश्चित करेगा कि केवल एक ही चुना गया है, और कौन सा।विभिन्न मीडिया प्रश्नों के लिए अलग-अलग सीएसएस फाइलें

असल में मेरे वर्तमान सीएसएस फ़ाइल में मैं एक मीडिया (सिर्फ संदर्भ के लिए सरलीकृत) इस तरह अनुभाग है:

@media (min-device-pixel-ratio: 1.5) { 
    specific-media-rules 
} 

क्या मैं चाहता हूँ कि इस खंड और अन्य के लिए एक बहुत समान खंड के बजाय है मीडिया दो अलग-अलग फाइलों की सेवा करना है।

उत्तर

11

हां। एक उदाहरण निम्नलिखित हो सकता है: आप स्क्रीन चौड़ाई के आधार पर एक अलग सीएसएस फ़ाइल का उपयोग करने (छोटे टैबलेट के लिए फोन के लिए एक, एक) चाहते हैं और आप तो इस तरह की तरह कर सकता है: हालांकि

<link rel="stylesheet" media='screen and (min-width: 140px) and (max-width: 380px)' href="phone.css"/> 
<link rel="stylesheet" media='screen and (min-width: 381px) and (max-width: 700px)' href="tablet.css"/> 

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

+0

यह कैसे तय करता है कि एकाधिक मैच चुनने के लिए कौन सा चयन करना है? –

+3

@ edA-qamort-ora-y, यह एक * या * दूसरे को नहीं चुनता है, यह प्रत्येक स्टाइलशीट पर निर्भर करता है कि मीडिया क्वेरी मेल खाने के लिए होती है या नहीं। यदि एकाधिक स्टाइलशीट लागू होते हैं, तो कैस्केड सामान्य रूप से काम करता है। – zzzzBov

+1

ठीक है, मुझे लगता है कि मेरे पास उनमें से दो हैं, मैं केवल पहली क्वेरी के "नहीं" का उपयोग कर सकता हूं। –

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