2014-11-11 6 views
0

CSS, HTML 및 Sass를 시작하고 있으며 기본 사항을 이해하는 동안 모범 사례를 시작하겠습니다. 나는 반응 형 포트폴리오 웹 사이트 (Bones HTML5 Boilerplate & Wordpress 사용)를 구축 중이며, 이는 4-5 개의 중단 점과 ~ 5 개의 정적 사이트 템플릿을 갖습니다.많은 중단 점과 많은 템플릿으로 구성된 CSS 파일

내 중단 점은과 같이, 여러 .scss 파일의 코드에서 미디어 쿼리를 기반으로 수입 :

_base_res.scss 
_481_and_up.scss 
_768_and_up.scss 
_1030_and_up.scss 

는 지금, 나 또한 그 안에 미디어 쿼리를 정적 페이지의 번호를 가지고 :

_home.scss 
_about.scss 
_contact.scss 
_work.scss 

미디어 쿼리와 중단 점 css 파일이 포함 된 정적 페이지 CSS 파일을 만들지 않아도됩니까? 해야 할 수업은 .home, .about, .contact, .work 내의 중단 점 scss 파일입니까?

죄송합니다. 내 질문에 분명하지 않은 경우 .. 그렇지 않다면 어떻게 설명 할 수 있는지 알려주십시오.

감사

+0

나는 그것이 당신의 결정이라고 말하고 싶습니다. 나는 각 요소에 대한 미디어 쿼리를 작성하고 모바일, 태블릿 및 데스크톱 모양 대신 내 콘텐츠를 기반으로 쿼리의 너비를 선택하는 사람들 중 하나입니다. 그러면 미디어 쿼리 파일이 중복 될 수 있습니다. 제 요소 내에서 모든 스타일을 그룹화 할 수있는 훨씬 더 많은 기능을 제공합니다. 이는 내가 싫어하는 사람들이 생각한 것입니다. 왜 요소 내에서 미디어 쿼리를 그룹화 할 수 있습니까? – KreaTief

답변

0

나는에 읽고 제안 약 https://smacss.com/이 얼마나 좋은 CSS의 구조를 만드는 방법을 가르 칠 것입니다. 또한 미디어 쿼리 변수를 전달할 수있는 믹스 인을 작성하는 것이 좋습니다. 일단 완료되면 특정 스타일 시트가 아닌 곳에 미디어 쿼리를 작성하십시오.