iOS 휴대 기기의 배경 이미지 늘리기

iOS 기기에 스트레스가 심한 배경에 문제가 있습니다. 페이지에 내용을 추가했을 때만 늘어납니다. like this. 빈 페이지 like this에 올바르게로드됩니다. 나는 그것이 background-size: cover 대신에 background-attachment:scroll을 추가하는 것과 관련이 있다고 읽었습니다. CSS에 추가 할 때 변경 사항이 없습니다. 잘못된 콘텐츠 ID를 사용해야합니다. 모바일 테마에 대한 더 많은 이미지를 만들기 전에 어쨌든 코드로 해결할 수 있을지 궁금합니다. 어떤 도움이라도 대단히 감사하겠습니다. 당신의 HTML 헤드 태그 내부에이 코드를 추가iOS 휴대 기기의 배경 이미지 늘리기

출처

2017-10-28 Bryan Howard

를 기준으로 설정하면? –

. 불행히도 CSS만으로는 그렇게 할 수 없습니다.

당신은 그것이 본질적으로 DOM에서 제거 대해 위치로 고정 요소와이 코드를 넣어 것입니다 창

section 
{   
    position: fixed; 
    top: 0; 
    bottom: -72px; 
     background-image: url(http://bgImage); 
    background-size: cover; 
    background-attachment: fixed; 
}

출처

2017-10-31 05:28:38

정말 고마워요. 변경하기 위해 섹션을 #primary로 변경해야했습니다. 상단 및 하단 패딩에 대한 코드를 추출하여 헤더 위에있는 게시물을 만든 문제를 해결했습니다. 배경이 좋아 보인다. 다시 감사합니다. 문제는 페이지의 콘텐츠가 잘리지 않는다는 것입니다. 나는 또한 페이지의 플레이어와 소셜 아이콘을 잘라 내기 때문에 스크롤 할 수 없습니다. 그것을 고칠 위치에 추가 할 필요가있는 것이 있습니까? –

좋습니다. @ 브라이언 하워드 당신은이 위치를 부엉이로 시험해 볼 수 있습니다 : 절대; 상단 : 0; 왼쪽 : 0; 그것은 당신을 도울지도 모른다 !! –

절대적인 도움. 그것은 내용을 더 보여주고, 배경은 여전히 정확하며, 지금 스크롤 할 수 있습니다. 그러나 화면 상단에서 약 80 %가 여전히 잘립니다. 바닥에서 패딩을 변경해야합니까? –

시도해보십시오 시차 효과가 컨테이너에 맞게 스트레칭 동안 배경 이미지가 고정 된 위치에 그대로 유지 것이라는 개념에 기반

<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, minimum-scale=1, user-scalable=no, minimal-ui">

출처

2017-10-28 10:56:18 Brian

안녕하세요, 최근 답변에 죄송합니다. 난 그냥 내 HTML에 머리 태그에 추가했지만, 불행히도 변경 사항을 보지 못했어요. –

Np, 다행히 대답을 찾았습니다. – Brian

iOS 휴대 기기의 배경 이미지 늘리기

답변

관련 문제