입력 크기와 너비: 브라우저 간 호환성에 가장 적합한 것은 무엇입니까?

입력 크기와 너비

입력 필드의 크기를 지정할 때 두 가지 옵션이 있습니다. size 속성을 ​​사용하거나 width CSS 속성입니다. 하지만 어떤 것이 최고의 크로스 브라우저 코드인가요?

답은 둘 다 사용할 수 있다는 것입니다. CSS 스타일은 CSS를 지원하는 브라우저에서 크기 속성을 재정의하고 필드를 올바른 너비로 만들고, 그렇지 않은 경우 지정된 문자 수로 대체합니다.

편집 : size 속성은 정확한 크기 조정 방법이 아니라는 점을 언급했어야 했습니다. HTML 사양에 따르면 해야 합니다. 입력된 글꼴은 한 번에 표시될 수 있습니다.

그러나 지정된 글꼴이 고정 너비/고정폭 글꼴이 아닌 한, 이는 지정된 문자 수가 반드시 표시된다는 보장은 아닙니다 실제로 눈에 보일 수 있습니다. 대부분의 글꼴에서는 문자마다 너비가 다릅니다. 이 질문에는 이 문제와 관련된 몇 가지 좋은 답변이 있습니다.

아래 스니펫은 두 가지 접근 방식을 모두 보여줍니다.

위 내용은 입력 크기와 너비: 브라우저 간 호환성에 가장 적합한 것은 무엇입니까?의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!