너비 = 100 % 응답하지 않습니다.

안녕하세요. 그래서 응답자 영역을 빠르게 만들기 위해 노력하고있었습니다. 전체 영역에 대한 div 컨테이너를 만들었습니다. 그러나 너비 = 100 %로 설정하면 영역이 반응하지 않습니다.너비 = 100 % 응답하지 않습니다.

<meta name="viewport" content="width=device-width, initial-scale=1.0"> 
<div style= "width:100%; height:auto; border-radius:4px; background-color:#36424d; margin-top:0px; margin-bottom:0px; padding-top:40px; padding-bottom:40px; padding-left:40px; padding-right:40px;"> 
    <h2 style="color:#ffffff;"><b><center>Get actionable influencer marketing advice. Delivered weekly.</center></b></h2> 
    <h3 style="color:#ffffff"><center>Join 6308 good looking people who get our latest content first.</center></h3>  
    <br/> 
    <div style= "background-color:#dee5e5; border-radius:3px; padding-left:10px; padding-right:10px"> 
    <input type="email" name="EMAIL" placeholder="Your business/personal email address" required /> 
    </div> 

    <div style="text-align: center;"> 
    <input type="submit" value="Subscribe" /> 
    </div> 
</div>

출처

2017-11-03 Niranjan

질문에 대한 이해가 부족합니다. "반응 형"이란 무엇을 의미합니까? 그것은 나에게 반응 적이다. – Rob

당신은 100vw 나를 위해 일을했다 = 폭을 제거 또는 내부 사업부를 추가하고이 패딩

<div style= "width:100%; height:auto; border-radius:4px; background-color:#36424d; margin-top:0px; margin-bottom:0px; padding-top:40px; padding-bottom:40px;"> 
 
<div style=" padding-left:40px; padding-right:40px;"> 
 
    <h2 style="color:#ffffff;"><b><center>Get actionable influencer marketing advice. Delivered weekly.</center></b></h2> 
 
    <h3 style="color:#ffffff"><center>Join 6308 good looking people who get our latest content first.</center></h3>  
 
    <br/> 
 
    <div style= "background-color:#dee5e5; border-radius:3px; padding-left:0px; padding-right:0px"> 
 
    <input type="email" name="EMAIL" placeholder="Your business/personal email address" required style="width:100%;height:32px;border-radius:3px;" /> 
 
    </div> 
 

 
    <div style="text-align: center;"> 
 
    <input type="submit" value="Subscribe" style="margin:5px auto; border-radius:3px;" /> 
 
    </div> 
 
    </div> 
 
</div>

출처

2017-11-03 10:30:32 Gattbha

안녕하세요, 데스크톱 브라우저를 지원하지 않습니다. Firefox가 아닌 Chrome에서도 마찬가지입니다. 같은 문제가 계속 발생합니다. – Niranjan

@NiranjanSingh 지금 확인하십시오. 구독자 div에서 CSS를 변경했습니다. – Gattbha

안녕하세요, 하위 div의 변경 사항을 추가하면 부모 div에서 변경 사항을 어떻게 적용합니까? 이것은 – Niranjan

설정 폭을 제공해야합니다. 필요에 따라 다른 번호로 설정할 수 있습니다.

<div style= "width:96vw; height:auto; border-radius:4px; background-color:#36424d; 
      padding-top:40px; padding-bottom:40px; 
      padding-left:40px; padding-right:80px;">

출처

2017-11-03 12:53:33 Niranjan

나를 똑같이 보입니다. – Rob

너비 = 100 % 응답하지 않습니다.

답변

관련 문제