/ / ज़र्ब-फाउंडेशन के साथ स्क्रीन लेआउट को मजबूर करना - ज़र्ब-फाउंडेशन

ज़र्ब-फाउंडेशन के साथ स्क्रीन लेआउट को मजबूर करना - ज़र्ब-फाउंडेशन

क्या कोई तरीका है कि मैं लेआउट को बदलने के लिए मजबूर कर सकता हूंपरिदृश्य से वर्टिकल तक जबकि इसे मोबाइल डिवीजन पर देखा जा रहा है? मेरे पास एक बड़ी तालिका वाला एक पृष्ठ है जो मोबाइल डिवीजन पर देखे जाने पर तालिका को बंद कर देता है। मैं मोबाइल डिवाइसेज पर स्वचालित रूप से लंबवत अभिविन्यास में लॉक करना चाहता हूं ताकि तालिका ठीक से प्रदर्शित हो।

मुझे पता है कि मैं स्क्रीन आकार का पता लगा सकता हूं और अपने स्वयं के मीडिया प्रश्न भी कर सकता हूं, लेकिन मैं लेआउट को कैसे स्थानांतरित कर सकता हूं?

उत्तर:

जवाब के लिए 0 № 1

आधिकारिक डॉक्स से:

http://foundation.zurb.com/docs/media-queries.html

सीएसएस:

/* Apply styles to screens in landscape orientation */
@media only screen and (orientation: landscape) {}

/* Apply styles to screens in portrait orientation */
@media only screen and (orientation: portrait) {}

सास / एससीएसएस:

/* Apply styles to screens in landscape orientation */
@media #{$landscape} { }

/* Apply styles to screens in portrait orientation */
@media #{$portrait} { }