모바일 장치에서 적응 형 디자인이 잘못 작동합니다.

Question

여기에 링크 http://testmvs.zzz.com.ua/이 있습니다. 이것은 내 테스트 도메인입니다. 나는이 웹 페이지를 썼고, (프레임 워크없이) 브라우저 자체에서 적응력을 발휘했다.하지만 내 아이폰에서이 웹 페이지를 볼 때 틀린 것처럼 보였다. meta name = "viewport"content를 썼다. = "width = device-width, initial-scale = 1", 왜 데스크톱 버전과 다르게 보입니까?

Answer 1

일부 컨테이너의 화면에는 margin-right 또는 padding-right이 포함되어있어 이와 같은 추한 흰색 세로 줄무늬가 있습니다.

프로젝트에 부트 스트랩을 사용해보세요. 그것은 단순한 틀이며 완벽하게 작동합니다.

@media을 사용하면 웹 사이트를 더욱 멋지게 꾸밀 수 있습니다. (http://www.w3schools.com/cssref/css3_pr_mediaquery.asp)