첫 번째 반응 형 디자인을 작업하고 있으며 iPhone에서 볼 때 몇 가지 문제가 있습니다. iPhone에서 페이지를 열면 왼쪽으로 약간 확대되어 오른쪽 끝에있는 텍스트를 놓칠 수 있습니다.iPhone을 열면 페이지가 확대됩니다.
웹 사이트 here을 찾을 수 있습니다. viewport-meta 태그는 다음과 같습니다.
<meta name="viewport" content="width=device-width; initial-scale=1.0;" />
내 컴퓨터와 iPad에서 괜찮아 보입니다. 모든 도움을 주시면 감사하겠습니다.
가 발견. 나는 @media only screen and (max-width: 600px) 아래의 .wrapper 요소에 width:100%;과 padding:0 10px;을 넣었습니다. width:96% 및 padding: 0 2%;으로 변경되었으며 매력처럼 작동했습니다.
도움 주셔서 감사합니다.
이 뷰포트, 그것은 내 웹 사이트에 훌륭한 작품을 시도해보십시오
<meta name="viewport" content="initial-scale=1, maximum-scale=1">
안타깝게도 작동하지 않았습니다. 아마 CSS에서 뭔가있을거야? –
가능성이 큽니다. 페이지에서 튀어 나와있는 콘텐츠가있을 것입니다. –
내 아이폰에서 귀하의 사이트를 한번 보았습니다. 확실히 CSS예요. 너비에 대한 고정 값이 아닌 오히려 %를 확인하십시오. –
을 body과 html 요소 모두에 추가하려고합니다. 귀하의 페이지가 다르게로드하는 경우, 확실히 CSS 문제.
효과가 있었을 지 모르지만 다른 기기에서 어떻게 보이는지 테스트 해 보셨습니까? 안드로이드, 윈도우 폰, 작은 화면? 내용을 줌으로 맞추면 문제가 전혀 해결되지 않는다고 생각합니다. –