목록Javascript & HTML & CSS/CSS (4)

아무거나

미디어쿼리 반응형 웹 해상도별 처리

/* mobile */ @media all and ( min-width: 390px ) and ( max-width: 1024px ) { /* all device */ .new-wrap-write li {width:24.3%;} } @media all and ( min-width: 360px ) and ( max-width: 640px ) { /* galaxy s5 */ .new-wrap-write li {width:23.8%;} } @media all and ( min-width: 768px ) { /* tablet */ .new-wrap-write li {width:24.3%;} } @media all and ( min-width: 320px ) and ( max-width: 568px ) { /* ..
Javascript & HTML & CSS/CSS 2019. 12. 26. 01:54
ul li 가로정렬로 메뉴만들기

COMPANY회사소개 PRODUCT제품소개 SERVICE유지보수 CUSTOMER고객지원 EDUCATION협력업체 출처: http://itnamu21.tistory.com/81 [미래디자인 life]
Javascript & HTML & CSS/CSS 2019. 12. 26. 01:54
모바일 스크롤바 항상 보이게 하기[ios 이슈]

모바일 스크롤바 항상 보이게 하기[ios이슈때문에 적용시킴] ::-webkit-scrollbar { width: 3px; } ::-webkit-scrollbar-thumb { background: #a9a9a9; }
Javascript & HTML & CSS/CSS 2019. 12. 26. 01:52
select box 디자인 화살표적용 css

select { -webkit-appearance: none; /* 네이티브 외형 감추기 */ -moz-appearance: none; appearance: none; background: url(이미지 경로) no-repeat 95% 50%; /* 화살표 모양의 이미지 */ } /* IE 10, 11의 네이티브 화살표 숨기기 ( IE에서 디자인 적용안되는 현상 해결 ) */ select::-ms-expand { display: none; }​
Javascript & HTML & CSS/CSS 2019. 12. 26. 01:51
Prev 1 Next