특정 크기 다음에 입력의 크기가 조정되지 않습니다.

Question

웹 사이트 (Bons Alunos)에서 작업 중입니다.

페이지에서 documents 나는 검색 입력이 있습니다.

작은 크기로 창의 크기를 조정하면 입력이 예상보다 작아집니다.

그러나 창이 정말로 작을 때 입력의 크기가 조절되지 않고 오른쪽의 버튼이 숨기기 시작합니다.

어떤 아이디어가 잘못 되었나요?

는

Answer 1

입력 및 버튼이 FIELDSET 호로, 미겔 감사 및 브라우저 FIELDSET에게 최소 폭을 제공한다. 어느 필드 셋을 제거하거나 CSS FIELDSET가 제대로 파이어 폭스에서 크기를 조정하지 않습니다

UPDATE에 fieldset {min-width:0;}를 추가합니다. 그것은이 유래 문서에서 설명 된 것 : 나는 URL을 시도하는 것이 좋습니다

<fieldset> resizes wrong; appears to have unremovable `min-width: min-content`

이 좋습니다이 실패하면

@-moz-document url-prefix() { 
    fieldset { 
     display: table-cell; 
    } 
} 

, 당신은 필드 셋을 포기해야 할 수도 있습니다.