responsive-design पर टैग किए गए जवाब

मैं बूटस्ट्रैप जवाबदेही नावबार का परीक्षण कर रहा हूं और मेरे पास एक डेमो वेबसाइट है। जब मैं एक डेस्कटॉप पर ब्राउज़र का आकार बदलता हूं, तो यह सभी नेवी बार सहित ठीक काम करता है जो शीर्ष पर एक छोटे आइकन के साथ बंधनेवाला मेनू बन जाता है जिसे …

139 twitter-bootstrap  user-interface  twitter-bootstrap-3  responsive-design  bootstrap-4 

मेरे पास निम्न कोड है जो एक कंटेनर सेट करता है जिसकी ऊँचाई चौड़ाई के साथ बदल जाती है जब ब्राउज़र फिर से आकार होता है (एक वर्ग पहलू अनुपात बनाए रखने के लिए)। एचटीएमएल <div class="responsive-container"> <div class="dummy"></div> <div class="img-container"> <IMG HERE> </div> </div> सीएसएस .responsive-container { position: relative; …

135 html  css  responsive-design  vertical-alignment 

IPhone 5 में लंबी स्क्रीन है और यह मेरी वेबसाइट के मोबाइल दृश्य को नहीं पकड़ रहा है। IPhone 5 के लिए नए उत्तरदायी डिज़ाइन प्रश्न क्या हैं और क्या मैं मौजूदा iPhone प्रश्नों के साथ संयोजन कर सकता हूं? मेरी वर्तमान मीडिया क्वेरी यह है: @media only screen and …

132 iphone  css  responsive-design  media-queries  iphone-5 

मुझे नीचे बताए गए लेआउट की तरह पृष्ठ के केंद्र में एक div स्थिति द्वारा बूटस्ट्रैप का उपयोग करके एक उत्तरदायी पृष्ठ बनाना होगा।

132 css  twitter-bootstrap  responsive-design 

मेरे पास हमारी वेबसाइट पर एक YouTube वीडियो एम्बेडेड है और जब मैं स्क्रीन को टैबलेट या फ़ोन के आकार में सिकोड़ता हूं तो यह लगभग 560px चौड़ाई में सिकुड़ना बंद कर देता है। क्या YouTube वीडियो के लिए यह मानक है या ऐसा कुछ है जिसे मैं कोड में …

125 youtube  responsive-design  embed 

मेरे पास एक साइट है जिसमें 16:9एक वीडियो की तरह लगभग परिदृश्य का एक निश्चित पहलू अनुपात है । मैं इसे उपलब्ध चौड़ाई और उपलब्ध ऊंचाई को भरने के लिए केंद्रित और विस्तारित करना चाहता हूं, लेकिन दोनों तरफ कभी भी बड़ा नहीं होना चाहिए। उदाहरण के लिए: एक लम्बे …

122 html  css  responsive-design  aspect-ratio 

मेरे पास एक वेबसाइट है जो मोबाइल फोन के लिए उत्तरदायी होनी चाहिए। मैंने इसे अपने डेस्कटॉप का उपयोग करके बनाया है। जब मैं मोबाइल फोन के लिए पूरी तरह से काम कर रही ब्राउज़र विंडो को समायोजित करता हूं, लेकिन जब मैं अपने असली मोबाइल फोन पर इसकी जांच …

117 mobile  web  responsive-design 

लक्ष्य <svg>अपने मूल कंटेनर के आकार के लिए तत्व का विस्तार करना है, इस मामले में <div>, कोई फर्क नहीं पड़ता कि कंटेनर कितना बड़ा या छोटा हो सकता है। कोड: <style> svg, #container{ height: 100%; width: 100%; } </style> <div id="container"> <svg xmlns="http://www.w3.org/2000/svg" version="1.1" > <rect x="0" y="0" width="100" …

112 css  html  svg  responsive-design 

मुझे ट्विटर बूटस्ट्रैप का उपयोग करते हुए अपने वेब एप्लिकेशन में उत्तरदायी डिज़ाइन सुविधाओं को जोड़ना होगा। मैं बस उत्तरदायी व्यवहार चाहता हूं, मुझे टाइपोग्राफी, घटकों या बूटस्ट्रैप में शामिल किसी अन्य सामान में कोई दिलचस्पी नहीं है। मुझे ग्रिड सिस्टम चुनने के लिए एक अनुकूलित बूटस्ट्रैप संस्करण मिला है। …

109 html  css  twitter-bootstrap  responsive-design 

यह देखते हुए कि ट्विटर बूटस्ट्रैप को उत्तरदायी / उपकरण के अनुकूल बनाया गया है, यह सापेक्ष फ़ॉन्ट आकार का उपयोग क्यों नहीं करता है?

104 twitter-bootstrap  mobile  fonts  responsive-design  font-size 

यह एक मूर्खतापूर्ण प्रश्न की तरह लग सकता है। अगर मैं इस सीएसएस स्निपेट को नियमित डिस्प्ले के लिए उपयोग करता हूं (जहां box-bg.png200px तक 200px है); .box{ background:url('images/box-bg.png') no-repeat top left; width:200px; height:200px } और अगर मैं रेटिना डिस्प्ले को लक्षित करने के लिए इस तरह से एक मीडिया …

102 css  responsive-design  media-queries 

मेरे पास यह कोड है: <footer class="row"> <nav class="col-sm-3"> <ul class="list-unstyled"> <li>Text 1</li> <li>Text 2</li> <li>Text 3</li> </ul> </nav> <nav class="col-sm-3"> <ul class="list-unstyled"> <li>Text 4</li> <li>Text 5</li> <li>Text 6</li> </ul> </nav> <nav class="col-sm-3"> <ul class="list-unstyled"> <li>Text 7</li> <li>Text 8</li> <li>Text 9</li> </ul> </nav> <nav class="col-sm-3"> <ul class="list-unstyled"> <li>Text 10</li> <li>Text …

92 html  css  twitter-bootstrap  twitter-bootstrap-3  responsive-design 

मैं नीचे की ओर केवल एक तरफ (उदाहरण के लिए, नीचे की ओर) झुका हुआ किनारे के साथ छवि में एक आकृति बनाने की कोशिश कर रहा हूं जबकि अन्य किनारे सीधे बने हुए हैं। मैंने सीमा विधि का उपयोग करने की कोशिश की (कोड नीचे दिया गया है) लेकिन …

92 html  css  responsive-design  css-shapes 

वर्तमान में मेरे पास कुछ ऐसा है: <div class="row"> <div class="col-md-4">Content</div> <div class="col-md-4">Content</div> <div class="col-md-4">Content</div> <div class="col-md-4">Content</div> <div class="col-md-4">Content</div> <div class="col-md-4">Content</div> <div class="col-md-4">Content</div> <div class="col-md-4">Content</div> <div class="col-md-4">Content</div> </div> अब यह मानते हुए कि, contentसभी समान चौड़ाई के साथ, अलग-अलग ऊंचाई के बक्से थे - मैं एक ही "ग्रिड आधारित लेआउट" …

91 html  css  twitter-bootstrap  responsive-design  bootstrap-4 

संपादित करें: शायद मुझे पूछना चाहिए कि स्क्रीन को 480px चौड़ाई से कम करने पर कौन सा चयनकर्ता साइड पैडिंग सेट करता है? मैं इसे खोजने के लिए थोड़ी देर के लिए बूटस्ट्रैप-रिस्पॉन्सिबिलिटी ब्राउज़ कर रहा हूं। लेकिन इस पर कोई असर नहीं पड़ता। मूल मैं मूल रूप से छोटे …

89 css  twitter-bootstrap  responsive-design  media-queries