IT정보 웹디자인 유익한 정보

미디어쿼리 (MediaQuery )설정 ▶ PC : 1280px 이상 ▶ 노트북 & 태블릿 가로 : 1024px ~ 1279px ▶ 태블릿 가로 : 768px ~ 1023px ▶ 모바일 가로 & 태블릿 세로 : 480px ~ 767px ▶ 모바일 : ~479px 일반 데스크탑 1280px 이상 노트북 & 태블릿 가로 1024px ~ 1279px @media (max-width:1279px) 태블릿 가로 768px ~ 1023px @media (max-width:1023px) 모바일 가로 & 태블릿 세로 480px ~ 767px @media (max-width:767px) 모바일 320px~479px @media (max-width:479px) 작은 모바일 320px 이하 @media (max-width:..

반응형홈페이지 제작시 미디어쿼리용 css 파일 연결할때.. html 코딩 입니다. 큰 화면부터 css 을 작성할 경우입니다. 데스크탑용css 태블릿용css 모바일용css ★★★ 미디어쿼리 스타일시트 연결하기 데스크탑 부터 모바일웹 화면 까지 ( 큰화면에서 작은 화면으로 설계할때 .. ) 큰 수치부터 css 링크 걸어준다. max-width 로 나타내 준다. (max-width:1120px) 1120px 이하의 화면일때 태블릿 css : index_tablet.css (max-width: 960px) : 960px 이하의 화면일때 모바일 css : index_mobile.css 디자인설계에 따라 해당 수치 조정은 가능하다.

반응형웹 기본 퍼블리싱 코드들 홈페이지 제작하다 보면 기본적으로 넣어야되는 기본 코드들이 있습니다. 매번 꼭 필요한 코드내용들입니다. 매번 암기해서 적기에는 내용이 복잡하고 암기할 수 있는 분량도 아니기에 기본정리를 해보았습니다. 기본틀을 만들어 사용하면 시간절약이 많이 되기때문에 유용하게 빠르게 퍼블리싱을 할 수 있습니다. [기본세팅 사항들] 반응형웹 기본 viewport 설정 브라우전 최신버전으로 세팅하기 jquery 설정하기 default.css설정하기 구글웹폰트 설정하기 폰트어썸 아이콘 설정하기 기본메타태그 설정 등 ie 에서 미디어쿼리 및 css3 사용가능하도록 설정하기 아래에 코드를 공유합니다. 여기에 내용 넣기 감사합니다.

반응형 홈페이지 제작시 참고할 사항.. 디바이스의 사이즈 감지하는 미디어 쿼리 작성할때 min 으로 작성시 작은 픽셀 순서로 작성해야한다. @media all and (min-width:320px) { } @media all and (min-width:768px) { } @media all and (min-width:1024px){ } min 을 사용할 때 크기가 작은 순서대로 작성해야 한다. min 은 최소 또는 해당픽셀이상이라는 뜻이므로 점차 커지는 것을 의미하기 때문에 작은 순서(320px)부터 큰 순서 (1024px)로 작성해야 한다. max 는 최대 또는 해당픽셀이하라는 뜻이므로 점차 작아지는 것을 의미하기 때문에 max를 사용할 때는 큰 순서(1024px)부터 작은 순서(320px)로 작성해야..