«viewport» 태그된 질문

방문자에게 고품질의 이미지를 볼 수있는 기능을 제공하고 싶습니다. 창 크기를 감지 할 수있는 방법이 있습니까? 또는 JavaScript를 사용하는 브라우저의 뷰포트 크기? 녹색 영역을 여기에서보십시오 :

788 javascript  cross-browser  viewport 

나는이 세 가지를 모두 사용해 보았습니다. <meta name=”viewport” content=”width=device-width; initial-scale=1.0; maximum-scale=1.0; user-scalable=0;” /> <meta name=”viewport” content=”width=device-width; initial-scale=1.0; maximum-scale=1.0; user-scalable=false;” /> <meta name=”viewport” content=”width=device-width; initial-scale=1.0; maximum-scale=1.0; user-scalable=no;” /> 각각 Google 검색 또는 SO 검색에서 권장하는 다른 값이지만 ' user-scalable = X '값이 작동 하지 않는 것 같습니다 또한 세미콜론 대신 값을 …

393 html  ios  mobile-safari  zoom  viewport 

:vsplit(약식 :vs:) Vim 뷰포트를 세로로 분할합니다. :30vs뷰포트를 분할하여 새 창을 30 자로 넓 힙니다. 이 30 문자 창이 만들어지면 크기를 31 또는 29로 어떻게 변경합니까? 가로 창으로 Ctrl- W +줄 수를 하나씩 늘립니다. 열을 하나씩 늘리는 동등한 명령은 무엇입니까?

316 vim  window  viewport 

jQuery를 사용하여 브라우저 뷰포트의 크기를 결정하고 페이지 크기가 조정되면이를 다시 감지하려면 어떻게해야합니까? 이 공간에 IFRAME 크기를 만들어야합니다 (각 여백에 조금씩옵니다). 모르는 사람들을 위해 브라우저 뷰포트는 문서 / 페이지의 크기가 아닙니다. 스크롤하기 전에 창의 보이는 크기입니다.

308 jquery  resize  size  viewport 

모바일 장치 전용 웹 사이트를 만들고 있습니다. 가로 모드에서 가장 잘 보이는 페이지가 하나 있습니다. 해당 페이지를 방문한 사용자가 세로 모드에서 페이지를보고 있는지 감지하고, 그렇다면 가로 모드에서 페이지를 가장 잘 볼 수 있다는 메시지를 표시합니까? 사용자가 가로 모드에서 이미보고있는 경우 메시지가 나타나지 않습니다. 기본적으로 사이트가 뷰포트 방향을 감지하고 방향이 세로 …

195 javascript  jquery  mobile  viewport  device-orientation 

나는 내 아이폰 6 플러스 아이폰 OS 10 베타 버전을 업데이트하고 바로 모바일 사파리, 당신은 두 번 눌러 모든 웹 페이지를 확대하거나 곤란 것으로 나타났습니다 무시user-scalable=no 메타 태그 코드를. 버그인지 기능인지 모르겠습니다. 기능으로 간주되면 뷰포트 확대 / 축소 iOS 10 사파리를 어떻게 비활성화합니까? iOS 11/12 릴리스에서 업데이트되었지만 iOS 11 및 …

164 mobile-safari  ios10  ios11  viewport  ios12 

ReactJS에서 뷰포트 높이를 어떻게 얻습니까? 일반적인 JavaScript에서는 window.innerHeight() 그러나 ReactJS를 사용하면이 정보를 얻는 방법을 모르겠습니다. 내 이해는 ReactDOM.findDomNode() 생성 된 컴포넌트에만 작동합니다. 그러나 이것은 document또는 body요소 의 경우가 아니므로 창의 높이를 얻을 수 있습니다.

160 javascript  reactjs  window  viewport 

뷰포트의 너비와 높이를 100 % 차지하는 캔버스 요소를 만들려고합니다. 내 예제 에서 발생하는 것을 볼 수 있지만 Chrome과 FireFox에 스크롤 막대를 추가하고 있습니다. 여분의 스크롤 막대를 방지하고 창의 너비와 높이를 캔버스 크기로 정확하게 제공하려면 어떻게해야합니까?

151 jquery  html  canvas  viewport 

이에 대한 설명서를 찾는 데 문제가 있습니다. 사파리 전용입니까? iOS 9 ( here ) 에는 최근 뷰 버그 shrink-to-fit=no메타에 솔루션을 추가 하는 버그가있었습니다 . 이 코드는 무엇을합니까?

143 html  safari  webkit  ios9  viewport 

여기 에 웹 사이트가 있습니다 . (가)부터 데스크톱 브라우저에서 조회, 검은 색 메뉴 표시 줄이 제대로 만 윈도우의 가장자리로 확장 body있다overflow-x:hidden . Android 또는 iOS와 같은 모든 모바일 브라우저에서 검은 색 메뉴 표시 줄에 전체 너비가 표시되어 페이지 오른쪽에 공백이 생깁니다. 내가 알 수있는 한,이 공백은 html또는body 태그 . 뷰포트를 …

142 css  overflow  viewport  mobile-browser 

문서가 아닌 뷰포트를 기준으로 페이지에서 요소의 위치를 ​​가져 오는 올바른 방법은 무엇입니까? jQuery.offset기능이 유망 해 보였습니다. 문서를 기준으로 첫 번째 요소의 현재 좌표를 가져 오거나 일치하는 요소 집합에서 모든 요소의 좌표를 설정합니다. 그러나 그것은 문서와 관련이 있습니다. 뷰포트에 상대적인 오프셋을 반환하는 동등한 메서드가 있습니까?

117 javascript  jquery  position  viewport  offset 

뷰포트 크기에 따라 요소 를 반복적으로 호출 $(window).width()하고 $(window).height()위치를 지정하고 크기를 조정 하는 jquery를 사용하여 사이트를 작성 중 입니다. 문제 해결 과정에서 뷰포트의 크기가 조정되지 않을 때 위의 jquery 함수에 대한 반복적 인 호출에서 약간 다른 뷰포트 크기 보고서가 표시된다는 것을 발견했습니다. 언제 이런 일이 발생하는지 아는 특별한 경우가 있는지, …

105 jquery  resize  height  width  viewport 

다양한 유형의 콘텐츠를 표시해야하는 모바일 Safari 브라우저 용으로 제작 된 AJAX 앱이 있습니다. 일부 콘텐츠를 들어, 내가 필요 user-scalable=1하고 다른 사람을 위해 내가 필요 user-scalable=0. 페이지를 새로 고치지 않고 콘텐츠 속성의 값을 수정할 수있는 방법이 있습니까? <meta name="viewport" content="width=device-width; initial-scale=1.0; maximum-scale=1.0; user-scalable=0;" />

98 javascript  mobile-safari  viewport 

저는 Google Maps JavaScript API V3를 사용하고 있으며 공식 예제 에는 항상 다음 메타 태그가 포함되어 있습니다. <meta name="viewport" content="initial-scale=1.0, user-scalable=no" /> 내가 본 대부분의 타사 예제도 마찬가지입니다. 나는 그것을 사용하여 플러그인을 작성했는데 내 사용자 중 한 명이 자신의 모바일 장치에서 확대 및 축소 할 수 없다고 말했습니다 . 테스트 …

98 mobile  google-maps-api-3  viewport  meta-tags 

웹 사이트의 소스 코드를 살펴보고이 코드를 찾았습니다. <meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=1.0, minimum-scale=1.0, maximum-scale=1.0"> 이 초기 스케일, 사용자 확장 가능, 최소 스케일, 최대 스케일이 무엇이며 그 값이 무엇을 의미하는지 알고 싶습니다. 또한 그들이 받아들이는 모든 가치를 말해주세요.

79 html  attributes  tags  viewport  meta-tags