2014-12-06 4 views
1

부트 스트랩 3에 문제가 있습니다. 데스크탑에서 반응 형 기능을 검사 할 때 제대로 작동하면 페이지가 축소됩니다. 또한 responsinator.com 등에서도 잘 작동합니다 (데스크톱 테스트의 scr : ). 안드로이드를 사용하여 휴대 전화로 볼 때 CSS를 사용하면 스타일링이 가능하지만 부트 스트랩 그리드는 보이지 않습니다. 제대로 - 데스크톱 버전처럼 보이지만 크기가 줄어 듭니다.이 @media screen and (max-width: 768px),screen and (max-device-width: 768px)과 같은 미디어 쿼리를 사용하면 문제가 될 수 있습니까? 필요하면 CSS 파일 http://pastebin.com/zsUQ78q5이 있습니다. 내 인덱스 파일에 <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0"> 태그가 포함되어 있습니다. 여기에 : http://imgur.com/a/MXCjO (1 - 데스크탑 테스트, 2 - 실제 데스크탑 모양, 그리드는 "응답 성"이 없음)부트 스트랩 3 격자가 모바일에서 확장되지 않습니다.

편집 : 문제가 발생합니다. 원래 도메인을 사용하여 잘 작동합니다. 왜 그런지 아무도 모릅니다.

답변

4

HTML의 <head> 섹션에 뷰포트 태그 <meta name="viewport" content="width=device-width, initial-scale=1">을 추가해야 할 수도 있습니다.

+0

나는이 태그가 이미 포함되어 있다고 실제로 작성했습니다. – Baxet

+0

그래, 내가 너무 늦게 알아 차 렸는데, ''대신에 ''에 있었는지 궁금해했다. 이런 일이 일어나는 다른 이유는 생각할 수 없습니다. 웹 서버에 html + css를 설치 했습니까? 아니면 jsfiddle을 만들 수 있습니까? – ckuijjer

+0

분명히 ''에 있습니다. 만약 당신이 친절하게 그것을 확인하고, 여기에 온라인 : http://psychiatraplockgostynin.pl/123/ – Baxet

관련 문제