शांति, मैं इस ड्रॉप-डाउन कोड का उपयोग करता हूं।

https://www.w3schools.com/css/tryit.asp?filename=trycss_dropdown_button

और मैं चाहता हूं कि मोबाइल सामग्री व्यापक हो: 100%;

समस्या यह है कि सामग्री बटन से जुड़ी हुई है और मैं चाहता हूं कि यह पूर्ण स्क्रीन हो

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

सामग्री बटन से संरेखित है

css
0
R H segal 18 फरवरी 2021, 16:33

2 जवाब

सबसे बढ़िया उत्तर

निम्नलिखित जोड़ें, और आपको जाने के लिए अच्छा होना चाहिए।

.dropdown-content {
    left: 0;
    right: 0;
    top:0;
    bottom:0;
}

यह निश्चित रूप से निर्भर करता है कि कौन सा मूल तत्व position:relative पर सेट है। शीर्ष स्थान प्राप्त करने का दूसरा तरीका पूर्ण स्थिति के बजाय position:fixed का उपयोग करना होगा।

0
Isy 19 फरवरी 2021, 11:33

बस इसे बदलें:

.dropdown-content {
  display: none;
  position: absolute;
  background-color: #f9f9f9;
  min-width: 160px;
  box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
  z-index: 1;
}

प्रति:

.dropdown-content {
  display: none;
  position: absolute;
  background-color: #f9f9f9;
  min-width: 100vw;
  box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
  z-index: 1;
}

अगर आप चाहते हैं कि मोबाइल के लिए मीडिया क्वेरी का उपयोग करें

1
DCR 18 फरवरी 2021, 16:42