@media print, screen{ *{ margin: 0; padding: 0; font-family: 'Noto Sans KR', sans-serif; color: #000; -webkit-box-sizing: border-box; box-sizing: border-box; } html, body{ width: 827px; margin: 0; font-family: 'Noto Sans KR', sans-serif; color: #000; -webkit-box-sizing: border-box; box-sizing: border-box; page-break-before: always; page-break-after: always; page-break-inside: auto; } @page{ size..
.video-wrap {position:relative; padding-bottom:56.25%; padding-top:30px; height:0; overflow:hidden;} .video-wrap iframe, .video-wrap object, .video-wrap embed {position:absolute; top:0; left:0; width:100%; height:100%;} *참고 https://code-study.tistory.com/35 유튜브(Youtube) 영상 비율에 맞게 (반응형 사이즈)로 가져오기 유튜브(Youtube) 영상 비율에 맞게 (반응형 사이즈)로 가져오기 (YouTube videos in responsive size) 웹페이지 또는 개인 블로그 내에 Youtube영..
dl dt dd를 display: table 시 아이폰에서 레이아웃 깨짐 dl{ display: table; table-layout: fixed; max-width: none; width: auto; min-width: 100%; } dt, dd{ display: table-cell; } https://github.com/filamentgroup/tablesaw/issues/58 CSS table-layout: fixed; isn't working with iOS Safari · Issue #58 · filamentgroup/tablesaw CSS table-layout: fixed; isn't working with iOS Safari. It works with latest Chrome and Fire..
게시판에 에디터가 붙어있는데 작성한대로 보이지 않는 현상이 발생해 일단 아래를 추가.view-contents *, .view-contents p{ color: inherit; font-family: inherit; font-size: inherit; font-style: inherit; word-break: break-all;} 하지만 h로 작성한 내용들이 제목 스타일 먹지 않는 문제가 여전히 있음 부트스트랩이 따로 include 되어있지 않으므로 h 태그 폰트사이즈 지정/* basic */.view-contents{font-size: 16px;line-height: 1.5em;word-break: break-all;}.view-contents img{max-width: 100%;}.view-con..
특정 디바이스(아이폰 등 일부 모바일)에서 폰트 사이즈가 크게 보이거나 마크업대로 보이지 않을 때 none : 디바이스의 크기에 따라 폰트사이즈를 조정하지 않음 auto : 디바이스 크기 따라 폰트 사이즈 자동 조절 (사용 지양) %(퍼센트) : 100%는 모든 디바이스에서 폰트 사이즈 동일, 퍼센트 값 낮추면 디바이스별로 동일하게 작아짐 html, body{ -webkit-text-size-adjust : none; /* 크롬, 사파리, 오페라 신버전 */ -ms-text-size-adjust : none; /* IE */ -moz-text-size-adjust : none; /* 파이어폭스 */ -o-text-size-adjust : none; /* 오페라 구버전 */ } 참고 https://stac..