Web Design Responsive - Viewport
Qual é o Viewport?
páginas de usuário da janela de visualização da área visível.
viewport pode ser traduzido para o chinês chamado de "janela de exibição."
navegador móvel é a página de uma "janela" virtual (janela) normalmente esta "janela" virtual (visor) maior do que a tela, para que você não tem que apertar cada página uma pequena janela (que, nenhum layout danos otimizado para a página do browser móvel), o usuário pode pan e zoom para visualizar diferentes partes da página.
Definir Viewport
meta tag viewport para uma página web otimizado para celular comum é a seguinte:
- largura: controlar o tamanho da janela de visualização, um valor pode ser especificado, se a 600, ou o valor especial, tal como o dispositivo de largura da largura do dispositivo (em pixels CSS dimensionado para 100% do tempo).
- height: largura e corresponde à altura especificada.
- inicial escala: a escala inicial, isto é, quando a primeira escala de tempo de carregamento da página.
- máxima escala: permite que o usuário para aumentar a proporção máxima.
- mínimo escala: Permite ao usuário dimensionar a escala mínima.
- user-escalável: se o usuário pode aumentar manualmente.
O exemplo seguinte demonstra a utilização de janela de visualização usando o visor e não sobre os efeitos laterais móveis:
Exemplo 1 não foi adicionado janela de exibição: Clique para ver
Exemplo 2, adicionar a janela de exibição: Clique para ver
Se você visitar em um tablet ou telefone, você pode clicar para ver o efeito.