Preguntas etiquetadas con viewport

Quiero proporcionar a mis visitantes la capacidad de ver imágenes en alta calidad, ¿hay alguna forma de detectar el tamaño de la ventana? O mejor aún, ¿el tamaño de la ventana gráfica del navegador con JavaScript? Ver área verde aquí:

789 javascript  cross-browser  viewport 

He intentado estos tres en vano: <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;” /> cada uno son valores diferentes que encontré recomendados por la búsqueda en Google o SO, pero ninguno de los valores ' escalable por …

393 html  ios  mobile-safari  zoom  viewport 

:vsplit(forma corta :vs:) divide la ventana gráfica de Vim verticalmente. :30vsdivide la ventana gráfica, haciendo que la nueva ventana tenga 30 caracteres de ancho. Una vez que se crea esta ventana de 30 caracteres, ¿cómo cambiaría su tamaño a 31 o 29? Con ventanas horizontales Ctrl: W +aumenta el número …

316 vim  window  viewport 

¿Cómo uso jQuery para determinar el tamaño de la ventana gráfica del navegador y volver a detectar esto si la página cambia de tamaño? Necesito hacer un tamaño de IFRAME en este espacio (llegando un poco en cada margen). Para aquellos que no saben, la ventana gráfica del navegador no …

308 jquery  resize  size  viewport 

Estoy construyendo un sitio web específicamente para dispositivos móviles. Hay una página en particular que se ve mejor en modo horizontal. ¿Hay alguna manera de detectar si el usuario que visita esa página la está viendo en modo vertical y, de ser así, muestra un mensaje que le informa que …

195 javascript  jquery  mobile  viewport  device-orientation 

Actualicé mi iPhone 6 plus a la versión beta de iOS 10 y acabo de descubrir que en el safari móvil, puede hacer zoom en cualquier página web tocando dos veces o pellizcando IGNORE el user-scalable=nocódigo en la metaetiqueta. No sé si es un error o una característica. Si se …

164 mobile-safari  ios10  ios11  viewport  ios12 

¿Cómo obtengo la altura de la ventana gráfica en ReactJS? En JavaScript normal uso window.innerHeight() pero usando ReactJS, no estoy seguro de cómo obtener esta información. Mi entendimiento es que ReactDOM.findDomNode() solo funciona para componentes creados. Sin embargo, este no es el caso para el elemento documento body, lo que …

160 javascript  reactjs  window  viewport 

Estoy tratando de crear un elemento de lienzo que ocupe el 100% del ancho y alto de la ventana gráfica. Puede ver en mi ejemplo aquí lo que está ocurriendo, sin embargo, está agregando barras de desplazamiento en Chrome y Firefox. ¿Cómo puedo evitar las barras de desplazamiento adicionales y …

151 jquery  html  canvas  viewport 

Tengo problemas para encontrar documentación para esto. ¿Es Safari específico? Hubo un error reciente en iOS 9 ( aquí ), cuya solución se agrega shrink-to-fit=noal meta de la ventana gráfica. ¿Qué hace este código?

143 html  safari  webkit  ios9  viewport 

Tengo un sitio web aquí . Visto en un navegador de escritorio, la barra de menú negra se extiende correctamente solo hasta el borde de la ventana, ya que bodytiene overflow-x:hidden. En cualquier navegador móvil, ya sea Android o iOS, la barra de menú negra muestra su ancho completo, lo …

142 css  overflow  viewport  mobile-browser 

¿Cuál es la forma correcta de obtener la posición de un elemento en la página en relación con la ventana gráfica (en lugar del documento)? jQuery.offsetla función parecía prometedora: Obtenga las coordenadas actuales del primer elemento, o establezca las coordenadas de cada elemento, en el conjunto de elementos coincidentes, en …

117 javascript  jquery  position  viewport  offset 

Estoy escribiendo un sitio usando jquery que llama repetidamente $(window).width()y $(window).height()para posicionar y dimensionar elementos según el tamaño de la ventana gráfica. En la resolución de problemas, descubrí que recibo informes de tamaño de ventana gráfica ligeramente diferentes en llamadas repetidas a las funciones jquery anteriores cuando no se cambia …

105 jquery  resize  height  width  viewport 

Tengo una aplicación AJAX creada para el navegador Safari móvil que necesita mostrar diferentes tipos de contenido. Para algunos contenidos, necesito user-scalable=1y para otros, necesito user-scalable=0. ¿Hay alguna forma de modificar el valor del atributo de contenido sin actualizar la página? <meta name="viewport" content="width=device-width; initial-scale=1.0; maximum-scale=1.0; user-scalable=0;" />

98 javascript  mobile-safari  viewport 

Estoy usando la API de JavaScript de Google Maps V3 y los ejemplos oficiales siempre incluyen esta metaetiqueta: <meta name="viewport" content="initial-scale=1.0, user-scalable=no" /> La mayoría de los ejemplos de terceros que he visto también lo hacen. Sin embargo, escribí un complemento usándolo, y uno de mis usuarios me dijo que …

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

Quiero desactivar Pellizcar y hacer zoom en dispositivos móviles. ¿Qué configuración debo agregar a la ventana gráfica? Enlace: http://play.mink7.com/n/dawn/

78 html  css  mobile-website  viewport