태그3 유튜브 동영상 크기맞추기(모바일에서 iframe -아이프레임- 크기 맞추기) 유튜브 동영상 크기맞추기(모바일에서 iframe -아이프레임- 크기 맞추기) 유튜브 동영상 등 iframe 을 웹페이지에 넣을 때 pc버전의 경우 화면 해상도가 커서 문제가 되지 않으나 모바일 웹의 경우 가로, 세로가 고정된 iframe(아이프레임) 을 넣을 경우 프레임이 화면 밖으로 나가는 문제가 생기게 된다. 이럴때 css 설정을 통해 해결이 가능한데, 아래 설명을 따라 하면 된다. - css 영역 .mainVideo 클래스를 설정해주고, 속성을 지정해준다. .mainVideo 내의 ifrmae(아이프레임) 속성을 설정해주면 해당 태그 내부의 iframe(아이프레임)이 속성을 따라간다. .mainVideo { margin-top:20px; position: relative; width: 100%; p.. 2020. 3. 16. div 태그를 이용한 표(테이블) 만들기 예제 div 태그를 이용한 표(테이블) 만들기 예제 div 태그를 이용한 표(테이블) 만들기 예제 - 가로 6cell * 세로 4cell div HTML Tag div CSS TAG /* DivTable.com */ .divTable{ display: table; width: 100%; } .divTableRow { display: table-row; } .divTableHeading { background-color: #EEE; display: table-header-group; } .divTableCell, .divTableHead { border: 1px solid #999999; display: table-cell; padding: 3px 10px; } .divTableHeading { backgrou.. 2020. 2. 6. UL li ul li 스타일 정의하기 li 스타일에 이미지 적용하기 ul { list-style-image: url('sqpurple.gif'); } li 스타일 없이 나오게 하기 ul { list-style-type: none; } 2016. 6. 24. 이전 1 다음
