반응 형 레이아웃이 원하는 위치에 정확히 맞지 않습니다.

Question

저는 일주일 전에 반응 형 레이아웃을 떠나려고했는데 발견 한 웹 사이트와 매우 유사하지만 전혀 할 수 없습니다. 나는 내가 본 반응 형 사이트의 이미지를 보내고 나는 내 모습을 이미지로 보내고 있습니다. , 당신은 당신이 원하는대로, 복제, 다운로드, 공유 할 수

http://mapa.buenosaires.gob.ar

내가 동일 자식에하고 싶은 사이트를 :

내가 유사한하고 싶은 사이트는 이것이다 :

https://github.com/eltonsantos/snippets_uteis/tree/master/sidebar_bootstrap

사이트 전체 화면과 내가 원하는대로 정확하게 할 수 있었다 크고,하지만 난 못하고있어 응답 부품의 정상적인 부분은 모든 것이 왜곡되고 잘못된 위치에, 고장 . 제발, 누가 도와 줄 수 있니?

나는 그것이 사이트에 내가 적어도 이유를 이해하는 것처럼 내가 정확히 그것을 떠날 수 없다 미디어 쿼리를 사용하더라도

. 누군가 나를 도울 수 있습니까?

Answer 1

CSS는 위에서 아래로 읽습니다. 이는 모바일 버전의 요소에 대한 변경 사항이 데스크톱 CSS 속성을 읽는 경우 새 스타일을 얻을 수 있다는 것을 의미합니다. 그래서 당신이해야 할 일은 CSS 코드를 재설정하는 것입니다. 우리는 우리가 색없이 btn을 바탕 화면 CSS를 떠날 경우 예를 들어

,

// This is mobile CSS 
.btn { 
    color: red; 
} 

@media screen and (max-width: 500px) { 
    // this is desktop CSS 
    .btn { 
     color: blue; 
    } 
} 

은 자동으로 붉은 색을 가질 것이다. 그러나 이제 우리는 그것을 무시합니다.