본문 바로가기

웹 관련 기록39

scss, calc 함수 안에서 변수 사용 방법. 1 2 3 4 body{ $var : 100px ; width : calc(100% - #{$var}); } 2017. 8. 14.
필요할 것 같아 저장하는 IE용 CSS Hack Underscore Hack프로퍼티의 가장 앞부분에 언더스코어(_)를 붙임.Win IE4~6 #header {_width:100px} Star Hack셀렉트 앞에 *html을 붙임.Win IE4~6, Mac IE 4~5. *html #header {width:100px} Star Hack2셀렉트 앞에 *+html body 또는 *:first-child+html 을 붙이면 IE7 or Opera 에서 적용. *+html body #header {width:100px} /* IE7, OPERA 적용 */ *:first-child+html #header {width:100px} /* IE7 적용 */ Star Hack3프로퍼티의 가장 앞부분에 언더스코어(*)를 붙이면 IE7에서만 적용. #header {*wi.. 2017. 8. 10.
css 단위 브라우저별 지원 여부 css 단위 브라우저별 지원 여부 단위 크롬 IE 파이어폭스 사파리 em, ex, %, px, cm, mm, in, pt, pc 1.0 3.0 1.0 1.0 ch 27.0 9.0 1.0 7.0 rem 4.0 9.0 3.6 4.1 vh, vw 20.0 9.0 19.0 6.0 vmin 20.0 9.0* 19.0 6.0 vmax 26.0 - 19.0 7.0 *IE9에서 vmin은 vm 으로 키워드가 다름.*vmax는 IE뿐 아니라 Edge에서도 미지원. 참조https://www.w3schools.com/cssref/css_units.asphttp://caniuse.com/#feat=viewport-units 2017. 7. 20.
css3, 단위 rem(root em) root em의 약자 라는 듯. 최상위 엘리먼트의 폰트 크기의 영향만 받는 단위보통 최상위 엘리먼트라면 html 태그. 지원 브라우저IE 11 / Edge 14버전 이후 / Firefox 52버전 이후 / Chrome 49버전 이후 / Safari 10.1버전 이후 / Opera 45버전 이후 지원브라우저 정보 확인한 곳.http://caniuse.com/#feat=rem 2017. 7. 20.
css에서 사용하는 단위 "em" em 단위는 부모 엘리먼트의 폰트 크기에 영향을 받는 단위. 해당 단위를 사용하면 부모 엘리먼트의 폰트 크기에 비례하는 크기가 적용됨. M을 뜻하며,이는 인쇄 타이포그래피에서 사용하던 단위 M을 단위명으로 사용한 것이라합니다.인쇄쪽에서 대문자 M의 크기를 기준으로 문자 크기 단위를 정했던 것이라고 하네요. 현재 모든 브라우저에서 지원 2017. 1. 11.
게시글 작성자의 회원 확장 변수 불러오기 [참고] loop="$document_list=>$no,$oDocument" 가 있는 엘리먼트보다 자식이어야 한다. {@$MemberModel = &getModel('member');$member_info = $MemberModel->getMemberInfoByMemberSrl($document->get('member_srl'));}혹은{@$oMemberModel = &getModel('member');$member_info = $oMemberModel->getMemberInfoByMemberSrl($oDocument->get('member_srl'));} 그리고 아래 값과 같이 이용{$member_info->확장변수ID} 2016. 5. 23.
320x100