html input 을 반응형으로 하고 싶은데 질문드립니다.

Question

안녕하세요. input 태그를 가로로 축소했을때 같이 줄어들게 하고 싶은데요.input에 width: 100%를 줬을때 input 가로 사이즈를 어떻게 늘릴까요? 부모에 width를 주면 축소했을때 같이 안줄어드네요... SMS 전송

캐티 · Answer

먼가 잘못 하였겠쩌. input 태그는 일반적으로 화면 폭에 반응형으로 크기를 줄이고 늘릴 수 있스빈다. 코드가 이케 길게 필요한 것도 아니고, 코드 한 줄도 안 보고 알려준다 하더라도 부모 엘리먼트가 flex 속성을 가지고 있어서 폭 변경 조건이 이루어지지 않았지 않겠나요.

월급은나의빛 · Answer

% 를 사용하는 방법과 vw를 사용하는 방법이 있습니다.그런데 % 를 사용하려면 input 을 품고 있는 모든 상위 div 에 width: 100%; 와 같이 값이 지정되어야 합니다. 중간에 하나의 div라도 빼먹으면 input이 최소 크기가 되어버립니다.그러므로 input에 vw 값을 지정하는 것이 쉬운 방법입니다. (상위 div들은 그에 맞춰 크기가 조정됩니다)예를 들어 화면폭의 80%를 차지한다고 하면 이렇게 하면 됩니다.#form_input_message-title > input { width: 80vw; }근데 레이아웃이 왜 저렇게 깊어야 하나요. div가 8층 정도 되는 것 같습니다.

html input 을 반응형으로 하고 싶은데 질문드립니다.

2개의 답변

#input 목록