2014-02-05 3 views
0

웹 사이트를 반응 적으로 만들려고합니다. 헤더는 모든 장치에서, 페이지 너비의 100 %이어야한다, 그래서 폭과 같이 설정 : 그것은 그러나 스마트 폰에 잘 모든 장치에서 완벽하게 작동스마트 폰을 다시 탐색 할 때 미디어 쿼리가 실행되지 않습니다.

width:100%; 

, 그것은 단지 당신이 방문 처음 작동 페이지. 페이지의 링크를 클릭 한 다음 "뒤로"를 클릭하면 웹 사이트가 "폭발"하고 완전히 잘못 표시되며 머리글은 100 %가 아닙니다.

이 문제가 발생한 사람이 있습니까? 다른 페이지로 이동 한 후 해당 페이지로 "다시"를 클릭하면 First load

: When you go back

내가 그 현재 빨간색 테두리 영역에 대해 이야기

처음에는 페이지를 방문 빨간색 테두리 이외의 스타일이 없습니다.

문제가 있거나 없으면 문제가 지속됩니다.

답변

0

뷰포트 설정을 확인하십시오. 그들은

<meta name="viewport" content="width=device-width, initial-scale=1, minimum-scale=1"> 
+0

이어야한다. 그러나 뷰포트 메타 태그를 사용하지 않는 완전히 다른 페이지가 있는데, 그 페이지에서 "뒤로"이동하기 때문에 헤더가 변경되지 않는다. – Alisso

+0

특히 스마트 폰에서 뷰포트를 사용하여 모든 종류의 크기 조정을 제어해야합니다. –

+0

문제가 해결되지 않습니다. 대신 헤더가 화면의 100 % 너비와 함께 표시되지만 페이지 옆에 emtpy 공간이 많아 축소/축소 할 수 없습니다./(이 경우는 "돌아갈 때만 발생합니다." 페이지가 제대로로드되기 전에 처음으로로드 할 때 – Alisso

관련 문제