2016-12-07 4 views
0

Materialize의 .container CSS는 항상 전체 화면을 차지했습니다.MaterializeCSS. 컨테이너가 갑자기 작동하지 않습니다.

  .container { 
       width: 100%; 
      } 

갑자기 열어서 70 % 컨테이너로 돌아가는 것처럼 보입니다.

실수로 일부 코드를 삭제했을 수도 있지만 내 웹 사이트를 열면 컨테이너가 화면의 70 %에 불과한 것처럼 보입니다. 그것이 이상하지 않아서 모든 페이지에 작은 컨테이너가 있기 때문에 이상합니다. 나는 컨테이너 폭을 더 크게 만들려고 노력했고 내 스크린에서 물건을 잘라 냈다. 나는 또한 모든 행을 더 넓게 만들려고했지만 단지 콘텐츠가 너무 많이 늘어나게 만들었습니다. 당신은 여전히이 클래스를 사용하고자하지만 변경하려는 경우

답변

0

이 MaterializeCSS 구체적으로, 1280px의 최대 폭 및 따라서 90%

의 폭으로 클래스 container을 정의, 당신은 materialize.css 나에를 편집하는 중 별도의 .css 파일의 materialize.css에 의거 선언 : 또한이 인라인으로 정의 할 수

.container{ 
    max-width: 100%; 
    width:100%; 
} 

그러나 그 사용하지 않는 것이 좋습니다

+0

죄송합니다.이 답변을 수락 할 수있어서 기쁩니다. 외부 CSS 라이브러리를 사용할 때, 같은 CSS 선택자를 가진 마지막으로 선언 한 파일은 선언 된 선행 규칙보다 우선합니다. – Illdapt

+0

정말 고마워요. –

관련 문제