아이폰에서 웹 사이트를 테스트하기 위해 웹 사이트를 업로드했습니다. 그러나 바닥 글은 iPhone, 특히 Safari 웹 브라우저에서 전체 너비를 커버하지 못합니다. 나는 이것이 내가 #header에있는 절대적으로 위치한 DIV #leaf-print과 관련이 있다고 믿습니다.HTML div가 iPhone에서 100 % 너비 전체를 다루지 않습니다.
나는 Stackoverflow에서 수십 개의 기사를 보았지만 여전히 해결책을 찾지 못했습니다. 이 사이트의 위치는 www.azumis.com/clients/onaturals입니다. 아이폰 화면에서 뷰포트 너비를 952px로 강제 설정하려면 CSS 코드가 필요합니다. 어떤 도움이라도 대단히 감사하겠습니다. 감사합니다
당신이
html,body{
width:952 px;
}
변경을 사용하는 IT
html,body{
width:100%;
margin:0;
padding:0;
}
제품에 여전히 문제가 존재하기 때문에 ::
이 변경
html,body{width:100%;}를 만들어 왔지만 불구하고
다시는 아직되어 있지 않은 경우
#footer{
width:100%; /*...instead of 1024px;...*/
}
을 또한
body{
width:100%;
margin:0;
padding:0;
overflow-x:hidden;
}
과에
body{
width:952px; /*..why????..as you have done it after html,body{width:100%;} its overriding the width:100% to width:952px;
}
변화 그것에 의해 그것을 재정의 다음 코드를 사용하면 도움이 될 수 있습니다.
#footer{
width:100%; /*...instead of 1024px;...*/
position: absolute;
right: 0;
left: 0;
}
이전 질문과는 조금 다르지만 수정을 위해 보낸 HTML과 비슷한 문제가 있습니다. 약간의 머리가 긁적했지만 솔루션이 다소 단순하다는 것을 알게되었습니다. 설계가 반응하지 않기 때문에
당신은 모바일 장치에서 볼 때 응답이없는 웹 사이트처럼 제어 할의<head>
<meta name="viewport" content="user-scalable=no, width=device-width" />
에서이 줄을 제거합니다. 뷰포트 메타가 필요하지 않으며 요소가 화면의 100 %를 제대로 채우지 못하는 문제를 일으키고 있습니다. iOS에서 렌더링 될 때 HTML을 검사하면 HTML & 본문 태그가 화면 절반 만 채우는 것을 볼 수 있습니다.
iOS 시뮬레이터를 열고 시뮬레이터의 Safari에서 사이트를 실행 한 다음 Safari의 데스크톱 버전을 열면 개발자 메뉴에 iPhone 시뮬레이터 옵션이 표시되어 시뮬레이터를 실제로 검사하는 관리자 창이 열립니다. 애플의 기괴한 구현이지만 시뮬레이터에서 HTML을 검사 할 수 있다는 것은 개발자들에게는 그리운 기능이 아니었다.
호프가 문제를 해결할 수 있기를 바랍니다. ;)
안녕 리타 브라 타, 나는이 변화를 만들었지 만 여전히 운이 없다.아직 바닥 글 오른쪽에 공백이 있습니다. – Seedorf
나는 다시 변화를 만들었지 만 여전히 운이 없다. 내가 말했듯이, 나는 온라인에서 본 모든 것을 거의 시험해 보았습니다. 그러므로 미친 CSS입니다. 임 꽤 확신 그것이 배경에 꽃 패턴을 얻으려면 머리글에 포함 된 절대적으로 위치한 div와 관련이있다. – Seedorf
내가 body {}에'margin : 0; padding : 0;'을 사용 했나요? –