모바일 장치에서 전체 해상도보기

필자는 여러 웹 사이트에 있었는데, 어디에서 웹 사이트를 축소하여 해상도를 유지하고 모바일 페이지에서의 중복을 막을 수 있습니까?모바일 장치에서 전체 해상도보기

임 확실하지 않은 질문을 올바르게 explaing 오전. 나는 새로운 회원이기 때문에 차이점에 대한 링크를 추가 할 것입니다.

저는 일부 css3 미디어 쿼리와 온라인에서 찾은 일부 메타 태그를 시도했지만 지금은 아무 것도 작동하지 않습니다. 아래 너무 멀리지기까지 외관을주는 내용을 밀어 탐색 막대가 중복되는 이미지에서 볼 수 있듯이 http://conorpendlebury.com/

: 여기

내 사이트에 대한 링크입니다. http://conorpendlebury.com/Images/Screenshot.png

출처

2016-11-13 Conor Pendlebury

#MainContent과 #Footer을 겹치게하려면 #Bio을 사용하지 말고 활성화 하시겠습니까? 그렇다면

, position: relative 및 z-index: -1으로 #MainContent 및 #Footer을 활성화하면서 marginLeft이 document.getElementById('Sidebar').style.width에 동일 자신하고있다 무엇이든지 제거 할 수 있습니다.

스 퀴드하게 만들려면 #MainContent 및 #Footer으로 CSS를 다시 계산하고 다시 적용하는 기능이 필요합니다.

출처

2016-11-14 08:45:57

데스크톱 웹 사이트의 전환이 실제로 마음에 듭니다. 그것은 문제가되는 휴대폰입니다. 모바일 버전을 축소하여 데스크탑으로 묘사하거나 모바일에서 겹쳐 쓰는 대신 오버랩 할 수있는 방법을 찾고 있습니다. –

작은 화면에서 내용을 확인하는 것은 너무 작은 내용을 읽을 수 없기 때문에 사용자 경험 문제가 될 수 있습니다. 모바일이 가로 방향이 아니라면 모바일 버전에서는 데스크톱 레이아웃이 제대로 작동하지 않습니다. –

그냥 모바일 용으로 바꿀 수있는 가능성이 있습니다. 미디어 쿼리 등 ... –

Offcanvas 탐색을 만들려면 탐색 크기를 translateX로 설정하십시오. 그래서 컨테이너는 너비를 유지합니다. 여기에 example입니다.

JavaScript없이 코딩 할 수 있습니다.

출처

2016-11-13 23:50:00

모바일 장치에서 전체 해상도보기

답변

관련 문제