2011-09-01 8 views
7

की चौड़ाई पर मीडिया क्वेरी-जैसे व्यवहार मैं एक संपादक बना रहा हूं जहां एक पोस्ट की सामग्री div में लोड की जाती है, और jQuery चयनकर्ता मुझे सामग्री इनलाइन को संपादित करने की अनुमति देते हैं।एक विशिष्ट div

मैं बस कुछ बाधाओं में भाग गया क्योंकि मैं टेम्पलेट्स की स्टाइल में कुछ प्रतिक्रिया जोड़ने की कोशिश कर रहा था: मेरी टेम्पलेट स्टाइलशीट में, मैं पूर्वावलोकन क्षेत्र की एक विशिष्ट आईडी का उपयोग यह निर्दिष्ट करने के लिए करता हूं कि शैली कहां लागू होनी चाहिए । मैं पोस्ट को देखने के बॉडी टैग पर एक ही आईडी लागू करता हूं ताकि संपादक में पूर्वावलोकन और पोस्ट के पूर्ण दृश्य दोनों समान दिखें।

मैं चीजों के दृश्य पक्ष पर कुछ मीडिया प्रश्नों को डाल रहा था और महसूस किया कि पूर्वावलोकन पृष्ठ पर, @media screen and (max-width: 640px) जैसे कुछ अलग-अलग व्यवहार करेंगे क्योंकि पूर्वावलोकन स्क्रीन की पूरी चौड़ाई नहीं लेता है।

क्या कोई तरीका है कि मैं स्क्रीन की चौड़ाई के अलावा मीडिया क्वेरी चयनकर्ता का उपयोग कर सकता हूं, बल्कि इसके बजाय तत्व की चौड़ाई .. या कुछ समकक्ष? या जावास्क्रिप्ट के साथ बस उस व्यवहार की नकल उतार का एक और तरीका हो सकता है .. के लिए अब मैं उपयोग कर रहा हूँ

उत्तर

8

दुर्भाग्यवश वर्तमान में मीडिया क्वेरी के लिए एक div को लक्षित करने का कोई तरीका नहीं है। मीडिया प्रश्न केवल स्क्रीन को लक्षित कर सकते हैं, जिसका मतलब ब्राउज़र विंडो, मोबाइल डिवाइस स्क्रीन, टीवी स्क्रीन इत्यादि ...

+2

मुझे लगता है कि यह पुस्तकालय यह प्राप्त करने का प्रयास कर रहा है। https://github.com/tysonmatanich/elementQuery – briangonzalez

+0

दिलचस्प है। मैं इसे उत्पादन में इस्तेमाल करने वाले किसी को देखना चाहता हूं। ऐसा लगता है कि यह तत्व क्वेरी आवश्यकताओं के कुछ बुनियादी मुद्दों को हल कर सकता है। – earl3s

-1

:

.preview { 
    zoom: .8; 
    -moz-transform: scale(0.8);} 

.preview div पेज चौड़ाई का 80% है जब। यह आम तौर पर काम कर रहा है, लेकिन कुछ मुद्दों के साथ, और यह पूरी तरह से लचीला नहीं है क्योंकि प्रश्न में divs हमेशा पृष्ठ चौड़ाई का% सेट नहीं किया जाएगा।