विभिन्न स्क्रीन संकल्पों के लिए एचटीएमएल वेबसाइट का आकार बदलें

Question

मुझे फ्लैश से एचटीएमएल/jquery तक एक वेबसाइट फिर से करना पड़ा। सब कुछ अच्छा लग रहा था। जब तक मैंने नेटबुक पर साइट का परीक्षण नहीं किया, जहां स्क्रीन रेज़ोल्यूशन बहुत छोटा है। सभी तत्वों को गलत तरीके से ग़लत किया गया था या जैसा कि मैं चाहता था उतना खिंचाव नहीं था। या हर जगह स्क्रॉल बार थे।

तो, मैं इसे कैसे खिंचाव या ठीक से आकार परिवर्तन कर करना होगा,

वहाँ एक संपत्ति मैंने कहीं सेट कर सकते हैं जो कि सब कुछ उसी अनुपात में आकार परिवर्तन होता है?

Answer 1

आपको प्रतिशत (%) बल्कि पीएक्स/एम में ऊंचाई/चौड़ाई का उपयोग करना चाहिए। सीएसएस फ़ाइल बदलें।

Answer 2

क्या कोई ऐसी संपत्ति है जिसे मैं कहीं भी सेट कर सकता हूं जो सब कुछ आनुपातिक रूप से बदल देगा?

सबकुछ? नहीं। फ़ॉन्ट आकार विंडो आकार के आधार पर समायोजित नहीं होंगे (कम से कम जेएस के बिना नहीं)।

आप अपनी स्टाइलशीट में प्रतिशत इकाइयों का उपयोग करके अधिकांश चीजों की चौड़ाई निर्धारित कर सकते हैं, लेकिन तब भी एक बिंदु होगा जहां चीजें टूट जाएंगी।

वर्तमान buzzword responsive web design है (मैं उस पृष्ठ के लिंक की गुणवत्ता पर टिप्पणी नहीं कर सकता) जिसमें media queries का उपयोग विभिन्न आकार के ब्राउज़र के लिए अलग-अलग डिज़ाइन प्रदान करने के लिए किया जाता है।

Answer 3

क्या कोई ऐसी संपत्ति है जिसे मैं कहीं भी सेट कर सकता हूं जो सब कुछ आनुपातिक रूप से बदल देगा?

नहीं, मैं इच्छा: पी आप लेआउट फिर से करना करने की आवश्यकता होगी यह liquid या मीडिया प्रश्नों का उपयोग यह responsive विभिन्न प्रस्तावों के लिए बनाने के लिए बनाने के लिए। मुझे डर है कि दोनों समाधान बहुत जटिल हो सकते हैं।

Answer 4

दुर्भाग्य से कोई "जादू" नहीं है जो चीजों को ऊपर/नीचे स्केल करता है। मैं कुछ दिशा निर्देश के बारे में सोच सकते हैं: बातें (प्रतिशत) के लिए

1. उपयोग रिश्तेदार चौड़ाई निरपेक्ष मूल्य के बजाय
2. कोई hardwired आकार,
3. अप अपना रास्ता काम अलग सीएसएस दस्तावेजों में उन्हें रखना: चुनें एक न्यूनतम संकल्प, इससे ऊपर काम करते हैं। यह चीजों को आकार देने में आसान बनाता है।

Answer 5

Media Query नामक संपत्ति हम ज्यादातर Responsible Web Design के साथ इस संपत्ति का उपयोग करते हैं। जिसमें हम ब्राउज़र को उस विशेष screen size पर विशिष्ट css संपत्ति को बदलते हैं।

चेक अधिक के लिए http://css-tricks.com/6206-resolution-specific-stylesheets/

& Responsible Web Design ज्यादातर Percentage बजाय Pixels में मान का उपयोग के लिए यह लेख।

अधिक संदर्भ के लिए THIS वेबसाइट देखें।

Answer 6

प्रश्न को अस्वीकार करने का अधिकार नहीं था।प्रतिशत का उपयोग केवल पृष्ठ पर HTML तत्वों को दिखाए जाने पर ही बदल जाएगा। यह उनके SIZE को नहीं बदलेगा।

Answer 7

आप सभी स्क्रीन के लिए अपनी स्क्रीन सेट करने के लिए प्रतिशत में ऊंचाई और ऊंचाई का उपयोग कर सकते हैं .. शरीर को 100% चौड़ाई दें और जिस div को आप 100% चौड़ाई देना चाहते हैं।