Visualizar página em diferentes dispositivos

Por que visualizar em dispositivos diferentes?

GemPages foi projetado com princípios responsivos, para que suas páginas se ajustem automaticamente a vários tamanhos de tela, de desktops a tablets e celulares. No entanto, visualizar sua página em cada tipo de dispositivo permite que você:

• Verifique se o seu layout está perfeito em todos os lugares
• Identificar e corrigir quaisquer problemas de design específicos de determinados tamanhos de tela
• Otimize a experiência do usuário para visitantes de desktop, tablet e dispositivos móveis

Como visualizar sua página em diferentes dispositivos?

Com o GemPages, você pode facilmente visualizar e otimizar sua página para Desktop, Tablet e Mobile. Veja como:

Passo 1: Selecione a página que você deseja visualizar ou editar. Clique nela para abrir o Editor de GemPages.

Passo 2: Use a ferramenta de visualização responsiva

O GemPages fornece ferramentas integradas para visualizar sua página em vários dispositivos: Desktop, Tablet e Mobile. 

Olhe para o Barra superior no editor GemPages. Você encontrará ícones de desktop, tablet e celular:

Passo 3: Clique no ícone do dispositivo desejado para alternar para o modo de visualização.

• Desktop: Veja como sua página fica em telas maiores.

• Tablet: Teste layouts para telas de tamanho médio, como iPads.

• Mobile: Visualize a página como ela aparece em celulares.

Passo 4: Ajuste o design para cada dispositivo.

O GemPages permite que você personalizar o layout para dispositivos específicos. Use o Configurações ou de Guia Avançado para fazer ajustes personalizados para cada tamanho de tela.

Para mais informações, consulte estes artigos:

Como otimizar o design para dispositivos móveis sem afetar o desktop?

Como mostrar/ocultar elemento ou seção em cada dispositivo?