Perguntas com a marcação «viewport»

Desejo fornecer a meus visitantes a capacidade de ver imagens em alta qualidade. Existe alguma maneira de detectar o tamanho da janela? Ou melhor ainda, o tamanho da janela de visualização do navegador com JavaScript? Veja a área verde aqui:

789 javascript  cross-browser  viewport 

Eu tentei todos os três destes sem sucesso: <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 um tem valores diferentes que achei recomendados pela pesquisa no Google ou SO, mas nenhum dos valores ' user-scalable = …

393 html  ios  mobile-safari  zoom  viewport 

:vsplit(formato abreviado :vs:) divide a janela de visualização do Vim verticalmente. :30vsdivide a janela de exibição, deixando a nova janela com 30 caracteres de largura. Depois que essa janela de 30 caracteres é criada, como mudar seu tamanho para 31 ou 29? Com janelas horizontais Ctrl- W +aumenta o número …

316 vim  window  viewport 

Como uso o jQuery para determinar o tamanho da janela de exibição do navegador e redetectá-la se a página é redimensionada? Eu preciso fazer um tamanho IFRAME nesse espaço (entrando um pouco em cada margem). Para quem não sabe, a janela de exibição do navegador não é do tamanho do …

308 jquery  resize  size  viewport 

Estou construindo um site especificamente para dispositivos móveis. Há uma página em particular que é melhor visualizada no modo paisagem. Existe uma maneira de detectar se o usuário que está acessando essa página está no modo Retrato e, se estiver, exibe uma mensagem informando ao usuário que a página é …

195 javascript  jquery  mobile  viewport  device-orientation 

Atualizei meu iPhone 6 plus para a versão beta do iOS 10 e acabei de descobrir que, no safari para celular, você pode ampliar qualquer página da web tocando duas vezes ou beliscando IGNORAR o user-scalable=nocódigo na metatag. Não sei se é um bug ou recurso. Se for considerado um …

164 mobile-safari  ios10  ios11  viewport  ios12 

Como obtenho a altura da janela de exibição no ReactJS? Em JavaScript normal eu uso window.innerHeight() mas usando o ReactJS, não sei como obter essas informações. Meu entendimento é que ReactDOM.findDomNode() funciona apenas para componentes criados. No entanto, esse não é o caso do elemento documentou body, o que pode …

160 javascript  reactjs  window  viewport 

Estou tentando criar um elemento de tela que ocupa 100% da largura e altura da janela de exibição. Você pode ver no meu exemplo aqui que está ocorrendo, mas está adicionando barras de rolagem no Chrome e no FireFox. Como impedir as barras de rolagem extras e fornecer exatamente a …

151 jquery  html  canvas  viewport 

Estou tendo problemas para encontrar documentação para isso. É específico do Safari? Houve um erro recente no iOS 9 ( aqui ), cuja solução está sendo adicionada shrink-to-fit=noà meta da viewport. O que faz este código?

143 html  safari  webkit  ios9  viewport 

Eu tenho um site aqui . Visualizada em um navegador de desktop, a barra de menus preta se estende adequadamente apenas até a borda da janela, uma vez que bodypossui overflow-x:hidden. Em qualquer navegador móvel, seja Android ou iOS, a barra de menus preta exibe toda a sua largura, o …

142 css  overflow  viewport  mobile-browser 

Qual é a maneira correta de obter a posição de um elemento na página em relação à janela de visualização (em vez do documento). jQuery.offsetfunção parecia promissora: Obtenha as coordenadas atuais do primeiro elemento, ou defina as coordenadas de cada elemento, no conjunto de elementos correspondentes, em relação ao documento. …

117 javascript  jquery  position  viewport  offset 

Estou escrevendo um site usando jquery que chama repetidamente $(window).width()e $(window).height()posiciona e dimensiona elementos com base no tamanho da janela de visualização. Na solução de problemas, descobri que estou obtendo relatórios de tamanho de janela de visualização ligeiramente diferentes em chamadas repetidas para as funções jquery acima, quando a janela …

105 jquery  resize  height  width  viewport 

Eu tenho um aplicativo AJAX desenvolvido para o navegador Safari móvel que precisa exibir diferentes tipos de conteúdo. Para alguns conteúdos eu preciso user-scalable=1e para outros eu preciso user-scalable=0. Existe uma maneira de modificar o valor do atributo content sem atualizar a 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 

Estou usando a API JavaScript V3 do Google Maps e os exemplos oficiais sempre incluem esta metatag: <meta name="viewport" content="initial-scale=1.0, user-scalable=no" /> A maioria dos exemplos de terceiros que vi também fazem isso. No entanto, escrevi um plugin usando-o e um de meus usuários me disse que ele está impedindo …

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

Embora a <meta name="viewport">tag não seja padronizada, "é respeitada pela maioria dos navegadores de celular devido ao domínio de fato". Uma desvantagem de não ser um verdadeiro padrão da Web é a documentação detalhada não está tão disponível quanto os outros padrões. O CSS Working Group tem uma especificação para …

9 css  viewport  meta-tags  meta