반응 형 웹 디자인 결함 문제점이 있음

Question

나는 웹 사이트를 반응 형으로 만들었지 만 전화가로드 될 때 자동으로 확대되어 뷰 포트를 적용했지만 솔루션을 찾지 못했습니다.

• 보기 포트
• J 쿼리 이 내 문제가 해결되지 않습니다.

하나는 그냥 자신 유사한 문제를 해결로

Answer 1

나는 당신의 문제를 이해하고이를 해결하는 데 도움이 바랍니다.

방법 1 특정 장치 그룹을 대상으로 적용된 확대/축소 정도를 지정할 수 있습니다. 이 줌에 따라 확장 시도에서 귀하의 웹 사이트를 유지해야 당신의 index.html을

<meta name="viewport" content="width=device-width, minimum-scale=1, initial-scale=1, user-scalable=no">

이 추가보십시오.

이 작동하지 않는 경우 CSS

@viewport { width: 100vw ; min-zoom: 100% zoom: 100% ; } 

장치 범위를 찾기 위해 줌과 폭 값으로 장난 시도로 특정 장치를 대상으로 시도합니다.

방법 2 랩톱 또는 데스크톱에서 Firefox를 열고 사이트로 이동하십시오. 파이어 폭스 옵션에서 응답보기를 선택하십시오. 그런 다음 ctrl + shift + c를 누르고 페이지 위로 마우스를 이동하여 전체 페이지 컨테이너를 선택하십시오. 오른쪽 하단에는 CSS 창이 있습니다. 거기 당신은에 확대되는 요소를 찾아야한다.

을 또한 귀하의 웹 사이트에 질문을 업데이트하십시오