스마트 폰에서 텍스트를 볼 때

Question

내 iPhone에서 웹 사이트를 볼 때 (또는 브라우저의 크기를 조정할 때) 바닥 글의 내 정보 섹션의 텍스트가 창의 오른쪽에서 부분적으로 사라집니다.

#footer .wrap에서 패딩을 제거하면 브라우저 창에서 텍스트가 사라집니다. 현재 값에서 패딩은 10px 15px입니다.

이상적으로 모든 텍스트를 브라우저에 표시하는 동안 분명히 0으로 설정하는 대신 패딩을 유지하고 싶습니다.

웹 사이트 : http://www.josephruscitti.com/clients/vickieats/

스크린 샷 : http://imageshack.us/a/img534/3144/xhx0.jpg

Answer 1

제거 폭 : 100 %; 여기 모바일 미디어에서 :

#footer-widgets { 
    background-color: #F5F5F5; 
    border-top: 1px solid #DDDDDD; 
    clear: both; 
    font-size: 14px; 
    margin: 0 auto; 
    overflow: hidden; 
    width: 100%; 
}