드럼치는 프로그래머

반응형 웹디자인은 웹브라우저의 가로폭에 따라 레이아웃이 변하고, 그에 따라 각 요소의 가로폭도 변합니다. 텍스트는 일반적으로 바뀐 폭에 맞추어 줄바꿈이 되지만, 이미지는 줄바꿈이라는 게 없기 때문에 문제가 생깁니다. 어떤 문제가 발생하는지 살펴보고 해결책을 찾아보겠습니다. 이미지 크기를 정하지 않은 경우 이미지의 크기를 정하지 않으면 부모 요소보다 큰 이미지는 부모 요소를 벗어나서 나타납니다. 이를 해결하는 방법은 max-width 속성을 부여하는 것입니다.img { max-width: 100%; } 최대 크기를 부모 요소의 크기로 제한하는 것입니다. 가로 세로 비율에 맞게 크기가 줄어듭니다. 이미지 크기를 attribute로 설정한 경우 이미지 크기가 attribute로 설정되어 있으면 max-widt..

태그에 accept 라는 속성으로 사용자가 첨부하려는 파일을 특정지을 수 있다. 특정 확장자의 파일만 보이는 파일선택 다이얼로그 창 이미지 사용방법은 input 태그에 accept 속성만 주면되고. 속성의 값으로 사용 할 수 있는 방법은 특정 확장자를 지정하거나 미디어 타입을 지정하는 방법 또는 audio/*, video/*, image/* 형식의로 정의 할 수 있다. 파일 확장자로 지정하는 것은 .gif, .jpg, .png 와 같이 나열 하면 된다. 구분은 ,(콤마)로 하면된다. 1 audio/* 은 모든 오디오 파일을 보여준다. video/* 은 모든 비디오 파일을 보여준다. image/* 은 모든 이미지 파일을 보여준다. 오디오, 비디오, 이미지 파일의 범위는 사용자 PC의 설정에 따르는 듯 하다..

: 태그의 영역을 박스로 나타냄 : 태그의 제목을 나타냄 로그인 Login Id : Password : [출처] |작성자 모니카