애니빌드.LAB
토론방
디자인팜 1. 디자인 팜 관련해서 문의 드립니다.
- 박**웅
- 2015-10-31 13:12:00
- hit4092
- http://lab.anybuild.co.kr/bbs/qna/4967
1. 디자인 팜 관련해서 문의 드립니다.
1) 폰트를 바꾸려 합니다. 공통 CSS 적용은 어떻게 주로 사용 하나요?
CSS 파일을 하나 추가 해서 하나요? 아니면 기존에 어떤 파일을 수정하면 되나요?
2) 모바일에서만, 타플릿에서만, PC 에서만 작동 하는 CSS 를 만들려면 주로 어떤 방법으로 적용 하나요?
디자인팜 컨트롤 창 편집기에서 하나요?
아이면
<link rel="stylesheet" type="text/css" href="/img_up/shop_pds/아이디/src_css/default.css" />
<link rel="stylesheet" type="text/css" href="/img_up/shop_pds/아이디/src_css/default_tablet.css" media="only all and (min-width:768px)"/>
<link rel="stylesheet" type="text/css" href="/img_up/shop_pds/아이디/src_css/default_pc.css" media="only all and (min-width:1200px)"/>
이런 방식으로 CSS 등록하고 디자인 > 전체화면구성 에서 해당 파일 추가 해서 작업 하나요?
감사합니다!
게시글 공유
URL복사
댓글작성
열기 닫기
열기 닫기
@ 공통 CSS 의 경우 [전체화면구성] 에 등록해서 사용합니다.
[디자인관리 > 고급 디자인 관리 > CSS 파일관리] 에서 CSS 파일 추가를 하신 후,
파일경로/소스복사 의 링크값을 복사해서 [전체화면구성] 에 넣어주시면 됩니다.
<load target="/img_up/shop_pds/nw030/src_css/CSS명.css>
@ 반응형은 다음과 같이 추가해주시면은 형태로 작성하시면 됩니다.
<load target="/img_up/shop_pds/nw030/src_css/mobile.css">
<load target="/img_up/shop_pds/nw030/src_css/tablet.css" media="min-width:768px">
<load target="/img_up/shop_pds/nw030/src_css/pc.css" media="min-width:1280px">
<load target="/img_up/shop_pds/nw030/src_css/tablet.css" targetie="lt IE 9">
<load target="/img_up/shop_pds/nw030/src_css/pc.css" targetie="lt IE 9">
@ targetie="lt IE 9" 설명
IE9 이하에서는 반응형이 정상적으로 동작하지 않으므로, 항상 PC버전 화면으로 출력되도록 설정합니다.
@ 참고페이지
http://manual.niceweb.co.kr/page/basic*_**