javascript - Can I test retina devices by setting content css property with media queries? -


क्या body पर content सीएसएस प्रॉपर्टी सेट करने में कुछ भी गलत दिखाई देता है > रेटिना-विशिष्ट जेएस चलाने के उद्देश्य के लिए रेटिना डिवाइस पर कब?

यह मुझे रेटिना उपकरणों के परीक्षण के लिए सरलतम, हल्का, क्रॉस-ब्राउज़र समाधान की तरह लगता है। कम से कम यह मेरे लिए काम किया है ...

सीएसएस:

  @ मीडिया (-विबिट-मिन-डिवाइस-पिक्सेल-अनुपात: 2), (न्यूनतम-रिज़ॉल्यूशन: 1 9 2 डीपीआई) {बॉडी {सामग्री: 'रेटिना'}}   

jQuery के साथ टेस्ट:

  var isRetina = $ ('body')। सीएसएस (' सामग्री ') ==' रेटिना ';    

का प्रयोग करें window.devicePixelRatio । यदि यह 1 से अधिक है - यह रेटिना प्रदर्शन है।

आईई 10+ के लिए (जो कि टैबलेट और स्मार्टफोन पर उपलब्ध है) आप पर और screen.logicalXDPI < / कोड>: <पूर्व> window.devicePixelRatio = window.devicePixelRatio || Window.webkitDevicePixelRatio || स्क्रीन.डेविसेएक्सडीपीआई / स्क्रीन.लोगिकल एक्सपीपीआई || 1;

Comments

Popular posts from this blog

ios - Adding an SKSpriteNode to SKScene from a child SKSpriteNode -

Matlab transpose a table vector -

c# - Textbox not clickable but editable -