게시판에 에디터가 붙어있는데 작성한대로 보이지 않는 현상이 발생해 일단 아래를 추가.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..
PC에서는 좌우로 나뉘는 2단 레이아웃이었다가 모바일에서 1단 레이아웃으로 바뀌는 구조 HTML title sub title text area 1 text area 2 CSS .left-box, .right-box{width: 50%;padding: 0 3%;} .left-box{float: left;} .right-box{float: right;} .img-box{width: 100%;height: 300px;margin-bottom: 30px;} @media screen and (max-width: 768px){ .left-box, .right-box{float: none;width: 100%;padding: 0;} .right-box{padding-top: 20px;} } jQuery $(docum..
link link
fieldset 내에서는 overflow-x: auto가 먹히지 않음 fieldset이 부모의 width가 아니라 콘텐츠 요소의 width값을 갖게 되기 때문 해결하려면 fieldset의 width를 잡아주는 과정이 필요함 fieldset{width: auto;min-width: 0;max-width: none;} *참고 http://daplus.net/html-fieldset%EC%9D%98-%ED%81%AC%EA%B8%B0%EA%B0%80-%EC%9E%98%EB%AA%BB%EB%90%98%EC%97%88%EC%8A%B5%EB%8B%88%EB%8B%A4-min-width-min-content%EB%A5%BC-%EC%A0%9C%EA%B1%B0-%ED%95%A0-%EC%88%98/ [html] 의 크기가 ..