2011-03-08 26 views
14

मोबाइल डिवाइस में सरल फॉर्म पेज देखने योग्य बनाने के लिए बहुत मेहनत कर रहा है। फॉर्म देखने योग्य है, बस मुझे इसे पढ़ने के लिए ज़ूम करना होगा।मोबाइल सीएसएस पृष्ठ चौड़ाई

<meta name="viewport" content="width=device-width, initial-scale=1.0"> 

आप इसे here too पर पढ़ सकते हैं:

http://200.5.3.20/temp/PocketPC/dispatch.php

उत्तर

40

आप मेटा व्यूपोर्ट टैग कि डिवाइस चौड़ाई में पेज स्केल करेगा जोड़ सकते हैं:

हियर एक उदाहरण है।

+0

बढ़िया! बस इसका इस्तेमाल किया और तुरंत मेरा पृष्ठ मेरे आईफोन पर इतना बेहतर दिखता है: डी धन्यवाद! – bigp

2

उपयोग मोबाइल doctype:

<!DOCTYPE html PUBLIC "-//WAPFORUM//DTD XHTML Mobile 1.0//EN" "http://www.wapforum.org/DTD/xhtml-mobile10.dtd"> 
+2

डब्ल्यूएपी? हमारे पास CSS3 और HTML5 है और आप डब्ल्यूएपी का सुझाव दे रहे हैं? – James

+1

यह डब्ल्यूएपी नहीं है, एक्सएचटीएमएल मोबाइल – nLL

+0

यह डब्ल्यूएपी नहीं है। यह एक मानक मोबाइल डीटी है। उदाहरण के लिए, ईएसपीएन इसका उपयोग करता है। – RedBrogdon

6

अलावा क्या इस्तेमाल किया jonezy, meta viewport tag नीचे के रूप में भी काम करेगा:

<meta name="viewport" content="width=device-width, user-scalable=no"> 

यह स्केलेबल नहीं हो सकता है और डिवाइस चौड़ाई में फिट होगा - किसी भी उपकरण, iOS के लिए या एंड्रॉइड।

उम्मीद है कि यह मदद करता है!

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