휴대 기기에서 스크롤을 보았습니다. 두 개의 @media 검색어 세트, 태블릿 및 모바일이 있습니다.휴대 기기의 사이드 스크롤
@media only screen and (max-width: 767px) {
.wrap { max-width: 300px; }
이 문제인가? 이를 수행 할 수있는 더 좋은 방법이 있습니까? 예 : 백분율을 사용합니까?
세 번째 @media 쿼리를 추가하고 더 구체적인 백분율을 설정해야합니까? 현재에는 폭이 넓은 2 개의 중단 점만 있습니다.
코드를 확인했습니다. <div id="sidebar-footer" class="sidebar"> 너는 정확히이 요소의 너비가 얼마인지 아십니까? 너비를 뷰포트 100 % 이상으로 언급했습니다.
#sidebar-footer { clear: both; margin-bottom: 0; margin-left: auto; margin-right: auto; margin-top: 0; overflow-x: visible; overflow-y: visible; width: 104.255%; }
사용 100 % 대신 104.255 %. 그것으로 잘 작동합니다.
후속 질문, 개인적으로 767px보다 낮은 다른 #media 화면 중단 점을 추가하는 것이 가치 있다고 생각하십니까? 예를 들어 오래된 모바일 & iPhone의 경우 320px입니까?
그게 전부입니다. 내가 어떻게 그것을 놓쳤는지 모르겠다. 고맙습니다! – cunningfox
내부 게시물 페이지에 큰 쪽 스크롤 문제가 표시됩니다. 모든 것이 왼쪽 여백에 띄우지 만 오른쪽에 상당한 패딩 문제가 있습니다. 아이디어가 있습니까? – cunningfox