2010-05-11 15 views
9

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

मैं यह कैसे कर सकता हूं?

चीयर्स।

उत्तर

8

आप अपने सीएसएस नियम सही मेटा टैग को समायोजित करने और का उपयोग करके शुरू कर सकते हैं:

http://learnthemobileweb.com/2009/07/mobile-meta-tags/

http://building-iphone-apps.labs.oreilly.com/ch02.html#ch02_id35932248

कि आकार बदलने समस्या का समाधान होगा। आगे के संदर्भ के लिए आप इस पुस्तक के कुछ अध्यायों पढ़ सकते हैं: http://building-iphone-apps.labs.oreilly.com/

जो iPhone के लिए webapps विकसित करने के लिए उद्देश्य से है, लेकिन (के बाद से iPhone और Android दोनों वेबकिट ब्राउज़रों का उपयोग) भी एंड्रॉयड के लिए बहुत उपयोगी हो सकता है।

आप अमीर विशेषताओं वेब एप्लिकेशन आपको तो PhoneGap http://www.phonegap.com/ पर एक नज़र ले जा सकते हैं का निर्माण करना चाहते हैं

2

इसमें से बहुत से आपके प्रदर्शन आकार पर निर्भर करता है। यदि आप एक विशिष्ट स्क्रीन आकार फिट करने के लिए वेबसाइट नहीं बना रहे हैं, तो यह मानक ब्राउज़र रिज़ॉल्यूशन के लिए डिफ़ॉल्ट रूप से (कई बार) डिफ़ॉल्ट होगा। अपने एंड्रॉइड फोन के लिए उचित कुछ और अपने पृष्ठ के तत्व को पुनः लोड करने के लिए अपने बॉडी एलिमेंट की सीएसएस ऊंचाई और चौड़ाई को सेट करने का प्रयास करें।

एक बार आपके मन में सही आकार हो जाने के बाद, यह किसी अन्य वेबसाइट के निर्माण की तरह है।

1

आप मोबाइल xhtml करने के लिए अपने doctype सेट किया है?

<?xml version="1.0" encoding="utf-8"?> 
<!DOCTYPE html PUBLIC "-//WAPFORUM//DTD XHTML Mobile 1.0//EN" "http://www.wapforum.org/DTD/xhtml- mobile10.dtd"> 
+0

हमम ... मैंने ऐसा नहीं किया, न ही धन्यवाद! – vtortola

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