오페라 모바일에서 확대/축소 아이콘을 제거하려면 어떻게해야합니까?

Question

저는 Opera Mobile 용 웹 페이지를 디자인하고 있습니다. 왼쪽 하단에 작은 확대/축소 아이콘이 있습니다. www.opera.com을 방문하면이 아이콘이 보이지 않게되고 줌 레벨이 고정됩니다. 다른 웹 페이지의 경우 해당 페이지가 나타나고 페이지를 확대하거나 축소 할 수 있습니다. 내 페이지에서도 동일한 고정 줌 동작이 필요합니다. 그것은 아마 일부 CSS 속성입니다. 어떤 속성을 설정해야하고 어떤 객체를 사용해야하는지 알고 있습니까? 아니면 이것을 성취 할 다른 방법이있을 것이라고 생각하십니까?

감사합니다.

Answer 1

"viewport"메타 태그를 사용하여 페이지의 너비를 지정하는 것처럼 보입니다. 이것은 아마도 모바일 오페라의 사용 가능한 크기보다 작게 설정되어 있기 때문에 줌 버튼이 필요하지 않습니다.

<meta name="viewport" content="width=320" /> 

다음과 같이 내가 할 태그를 설정합니다, 확장에서 페이지를 유지하려면 : 여기

그것이 Opera.com의 모바일 버전에 사용되는 태그입니다

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

스케일링에서 사용자를 지키는 것이 나의 첫 번째 선택 UI가 아닙니다.

The opera developer site describes the support of this tag

:

뷰포트 메타 태그

뷰포트 메타 태그가 포함 된 HTML 페이지를 볼 수있는 뷰포트의 기본 설정에 대한 정보가 포함되어 있습니다. 다른 메타 태그와 마찬가지로 뷰포트는 HTML 페이지의 헤드 요소 안에 있습니다. 브라우저를 지원하는 브라우저는 정보를 사용하여 해당 장치에 대한 웹 페이지를보다 적절하게 표시하고 브라우저는 무시하지 않습니다. 원래 Apple이 iPhone에서 웹 페이지를 표시하는 방식을 개선하기 위해 제작되었지만, Opera Mobile 9.5에서는 다른 모바일 장치의 디스플레이 정보를 최적화하는 좋은 방법이기 때문에이 기능을 지원했습니다. 태그 정도로 같다 :

< 메타 NAME =/>

가 포함 된 모든이되도록 지정 메타 속성, 콘텐츠 = "폭 = 기기 폭, 높이 = 장치 높이" "뷰포트" 는 뷰포트 메타 태그이며이 페이지에 대해 지정하려는 여러 값의 쉼표로 구분 된 목록이 포함 된 content 속성입니다. 지정할 수있는 정보는 다음과 같습니다.

• 너비 및 높이 :이 웹 페이지에 대해 뷰포트를 설정해야하는 너비와 높이를 지정합니다. 값은 픽셀 단위로 설정하거나 device-width 및 device-height 값을 각각 사용하여 폭과 높이를 장치 화면의 전체 폭과 높이로 설정하도록 지정할 수 있습니다. 너비의 기본값은 980 픽셀이며 200에서 10,000 픽셀로 설정할 수 있습니다. 높이의 기본값은 장치 너비와 종횡비로 계산되며 223에서 10,000 픽셀 사이에서 설정할 수 있습니다.
• 초기 배율 : 웹 페이지를 처음 표시 할 때 초기 배율을 설정합니다. 기본적으로 장치를 고의로 설정하지 않으면 장치의 전체 화면을 채 웁니다.
• 최소 눈금 및 최대 눈금 : 사용자가 확대 및 축소 할 수있는 최소 및 최대 금액을 지정하며 그 값은 배율입니다. minimum-scale의 기본값은 0.25이며 값의 범위는 0에서 10.0까지입니다. 최대 스케일의 값은 0보다 약간 큰 값까지 올 수 있습니다.
• user-scalable : 사용자가 확대 및 축소 할 수 있는지 여부를 지정합니다. 기본값은 yes입니다.

Opera Mobile 9.5는 몇 가지 주목할만한 특정 동작과 함께 뷰포트 메타 태그를 완벽하게 지원합니다. 확대/축소는 사용자가 항상 사용할 수 있어야하는 브라우저 기능이라고 생각하기 때문에 사용자가 조정할 수있는 최소 크기 및 최대 크기를 무시합니다. 또한 페이지 헤드 섹션의 뷰포트 메타 태그가 작성자가 모바일 최적화를 처리했음을 나타내므로 작은 화면 렌더링이 적용되지 않습니다. 즉, 뷰포트 사용 가능 페이지는 "모바일보기"의 켜기 또는 끄기가 동일하게 보입니다.

iPhone과 같이 단일 장치에서는 너비 및 높이 값을 하드 코드하지 않는 것이 좋습니다. 대신 장치 너비와 장치 높이로 값을 설정하여 페이지가 VGA, QVGA, WVGA 및 WQVGA 장치에서도 제대로 작동하도록해야합니다.