2014-06-14 2 views
0

화면 크기에 따라보기를 변경하도록 만들어진 웹 사이트가 있습니다. Android를 사용하는 ZTE Max에서는 크롬을 사용하지 않았습니다. 대신 전체 크기의 창을 매우 멀리 축소하여 표시했습니다.모바일 브라우저가 모바일 크기로 렌더링되지 않음

뷰포트 메타 태그를 사용하고 싶지만 모든 모바일 장치에서 작동하지 않는다는 것을 읽었습니다.

큰 4 개의 솔루션을 원합니다. iPhone, Android, Windows 및 BlackBerry.

나는 다음과 같은 ...

<meta name="viewport" content="width=device-width, user-scalable=no"> 

을 사용하고 내 모바일에서 작동합니다. 이 크로스 브라우저 (모바일)를 사용할 수 있습니까 ?? 는 더 나은 솔루션 (사이트의 전체 모바일 버전을 만드는 외에?) 거기에

답변

0

당신이 사용하는 경우

<meta name="viewport" content="width=device-width, user-scalable=no"> 

당신은 또한 당신의 웹 사이트를 디자인해야 레이아웃이 좋아 보이는 것이다 그래야 반응로 예를 들어 480x, 768px 등과 같이 중간 또는 중간 정도의 장치 해상도에서 사용할 수 있습니다. 따라서 데스크톱 대상의 기본 광경이 4 개의 열을 가지며 940px 와이드 인 경우 480px 디스플레이에이 4 가지 열을 덤프 할 수 없습니다 . 미디어 쿼리와 함께 위의 메타 태그를 사용하십시오. 좋은 예를 들어, 몇 가지 부트 스트랩 주제를보고 이것이 어떻게 수행되는지보십시오.

+0

응답 성이 뛰어난 디자인이 있습니다. 순수한 브라우저 크기 조정을 테스트하고 코드를 간단하고 명확하게 유지함으로써 작은 데스크톱 브라우저에서와 마찬가지로 모바일에서도 동일한 결과를 보여줍니다. 나는 미디어 quieries를 조사 할 것이다. 감사! –

관련 문제