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 파일입니까?
죄송합니다. 내 질문에 분명하지 않은 경우 .. 그렇지 않다면 어떻게 설명 할 수 있는지 알려주십시오.
감사
나는 그것이 당신의 결정이라고 말하고 싶습니다. 나는 각 요소에 대한 미디어 쿼리를 작성하고 모바일, 태블릿 및 데스크톱 모양 대신 내 콘텐츠를 기반으로 쿼리의 너비를 선택하는 사람들 중 하나입니다. 그러면 미디어 쿼리 파일이 중복 될 수 있습니다. 제 요소 내에서 모든 스타일을 그룹화 할 수있는 훨씬 더 많은 기능을 제공합니다. 이는 내가 싫어하는 사람들이 생각한 것입니다. 왜 요소 내에서 미디어 쿼리를 그룹화 할 수 있습니까? – KreaTief