Div가 아이폰에 전체 너비가 아닌

Question

이것을 읽어 주셔서 감사합니다! iphone에서 전체 너비에 도달하는 데 컬러 바 (divs)를 가져 오는 데 문제가 있습니다. 노트북에서 볼 때 가능한 한 좁은 창을 당겨 오른쪽으로 스크롤하면 잘리지 않습니다. 내 아이폰에서 볼 때, 항상 상단 회색 바의 오른쪽에 공간이 잘리고 하단에 흰색 div가 있고 배경이 보여집니다. 나는 분명히 PC에서 모바일 경험이 없으며 어떤 도움이나 조언을 주셔서 감사합니다!

사이트 링크 : http://ekdesignportfolio.info/test/index4.html

감사합니다!

Answer 1

나는 여기에 무슨 일이 일어나고 있는지 확실하지 않지만, 귀하의 사이트를 조금 둘러 보았습니다. 짧은 회색 바가 귀하의 backstretch.js 또는 귀하의 계산과 관련이있는 것으로 보입니다. 신체. 휴대 전화에서 몸이 980px (최소한 내가 선택한 것)에서 컴퓨팅하고 있으며 너비는 1050px로 설정되어 있습니다. 그러나 몸은 100 %에 미치지도 않고 페이지의 2/3 정도에 해당하며 회색 막대는 신체에 대한 너비가 최소 1050p로 계산됩니다.

최소 너비 등이 설정되어 있습니다. 너비가 낮은 곳이나 다른 곳에서 미디어 쿼리를 사용하여 변경하지 않으면 모바일에 적합하지 않습니다. 솔직히 말해서, jquery 스크립트 대신 전형적인 CSS 배경을 사용할 것입니다. 과도한 공격이기 때문입니다. 다음과 같이 시도하십시오.

.background-div { 
    background: url(images/background-image.png); 
    background-size: cover; (or contain, depending on what you want) 
} 

적어도 조금 도움이 되었기를 바랍니다.