आईफोन

Question

पर सीएसएस मीडिया क्वेरी मैं एक सीएसएस मीडिया क्वेरी का उपयोग करने की कोशिश कर रहा हूं, विशेष रूप से आईफोन को लक्षित करना।

यह काम करता है जब मैं एक नियमित रूप से लिंक rel का उपयोग करें:

<link rel="stylesheet" type="text/css" href="css/mobile.css" /> 

हालांकि, यह काम नहीं करता है जब मैं इस मीडिया क्वेरी का प्रयास करें:

<link rel="stylesheet" type="text/css" href="css/mobile.css" 
     media="only screen and (max-width: 640px)" /> 

मैं एक सीएसएस मीडिया क्वेरी का उपयोग कर सकते कैसे आईफोन को लक्षित करने के लिए?

Answer 1

प्रयास करें:

<link rel="stylesheet" type="text/css" href="css/mobile.css" media="only screen and (max-device-width: 480px)" /> 

अंतर max-device-width के बजाय सिर्फ max-width है। यह भी देखें 2) http://blogs.sitepoint.com/iphone-development-12-tips/ पर।

Answer 2

मैं exacly इस नहीं है पता है तुम क्या कहा लेकिन मैं सिर्फ कुछ इसी तरह जवाब दे दिया है और मदद मिल सकती है:

<meta name='viewport' content='width=device-width; initial-scale=1.0;' /> 

सामग्री के लिए मानकों का सेवन कर रहे हैं, उनमें से कुछ हैं:

maximum-scale=3.0; //Maximum zoom allowed 0 to 10.0. default is 1.6 
minimum-scale=0.5; //Minimum zoom allowed 0 to 10.0. default is 0.25 
user-scalable=1; //YES/NO 
width=device-width; //default if not set is 980px 
initial-scale=1.0; //Initial zoom. 0 to 10.0. 1.0 would be 100% 
height=device-height; 

Content in UIWebView on iOS 3.1.3 appears zoomed on but on iOS 4.3 appears fine

संपादित करें: आप सफारी में भी इन पैराम का उपयोग कर सकते हैं, केवल मूल अनुप्रयोगों के लिए uiwebview चीज़ को भूल सकते हैं।