바탕 화면의 캔버스 너비가 고정 된 왼쪽 너비

Question

캔버스 레이아웃을 구현하려하고 있습니다. (이 문제를 해결하려고 하루 반을 보냈습니다.) 모바일 좌우 내용에

은 각각 100 % 폭이어야한다 : 나는 기본적으로 내가 원하는 것은 bradfrost Right Side Off-Canvas responsive pattern

에서 캔버스 레이아웃이를 사용하고 싶습니다. 왼쪽 내용은 기본적으로 표시되는 내용이어야하며 오른쪽 내용으로 슬라이드하려면 단추를 클릭해야합니다.

데스크톱의 경우 왼쪽 콘텐츠는 300px 너비로 설정하고 올바른 콘텐츠는 너비의 나머지 부분에 맞춰야합니다.

위의 코드 예와 같이 데스크톱의 너비는 올바른 콘텐츠에 설정되고 왼쪽 콘텐츠는 나머지 너비에 맞습니다. 나는 기본적으로 데스크탑에서 그 반대를 원한다. (왼쪽 내용 고정 너비, 오른쪽면 너비 나머지).

코드 FOUND HERE의 다른 버전도 비슷하며 편집하기 쉽지만 문제는 모바일보기에 기본적으로 표시되는 내용이 적절한 것입니다. 모바일보기에 기본적으로 표시 할 왼쪽이 필요합니다.

이 문제에 도움을 주시면 매우 감사하겠습니다. 미리 감사드립니다.

Answer 1

원하는 것은 무엇입니까? demo

모바일 장치에서 위쪽/왼쪽으로 움직이는 것은 정말 안됐다. 대신 css transform을 사용해야합니다.