iPhone에서는 divs 마스터 헤드, 중간 선, 중간 선, 하단 선, 하단 선, colophonline 및 colophon이 오른쪽에서 끝까지 도달하지 않습니다. 하지만 바탕 화면에서 그들은 않습니다. 이유가 궁금합니다. div에 음수 여백을 적용하려했지만 변경되지 않았습니다. 불행히도 나는 iPad에서 그것을 시도하지 않았습니다.Div는 iphone에만 오른쪽 여백이 있습니다.
사이트 : http://www.domda.se
당신은 심각한 HTML errors의 몇 가지있다. 길잃은 태그는 레이아웃에 영향을 미칠 수 있으며 브라우저 간의 차이가 눈에 띄기 쉽습니다.
둘째, 내 사파리 데스크톱 버전에서 오른쪽 측면 공간 (여백 또는 패딩?)을보고 있습니다. 이 공간은 끊임없는 수평 스크롤 바를 일으 킵니다. 1900+ 픽셀까지 창을 만드는 방법과 상관없이 스크롤 막대가 그대로 유지됩니다.
style.css 파일에있는 #colophon 요소에서 padding-right: 10px;을 제거하면 오른쪽 간격 문제가 사라지고 성가신 스크롤바도 사라집니다.
iOS에서 사이트를 열면 문제가 발생하며이 부분이 오른쪽 패딩 인 #colophon에 있다고 생각됩니다.
나는 목적이 무엇인지 잘 모르겠다.하지만 안전하게이 padding-right: 10px;을 삭제할 수 있다고 생각한다. 하지만 모든 브라우저에서 HTML 유효성 검사 오류를 지우고 테스트해야합니다.
데모는 훌륭하지만 일단 문제를 해결하면이 질문은 다른 사람들에게 쓸모 없게됩니다. 문제가 생기고 다른 사람들에게 유용 할 수 있도록 질문을 구성하십시오. 즉 - 관련 코드를 포함하십시오. – Sparky
뷰포트 메타 태그를 사용해 보셨습니까? – circusdei
먼저 [HTML 유효성 검사 오류] (http://validator.w3.org/check?uri=http%3A%2F%2Fdomda.se%2F&charset=%28detect+automatically%29&doctype=Inline&group=0)를 수정하십시오. 둘째, Safari의 바탕 화면 버전에서 창을 넓게 만들지 않고 가로 스크롤 막대가 생기게됩니다. 이것을 해결하면 원래 문제가 사라질 것입니다. – Sparky