Devido ao Nomad Android precisar de espaço para as câmeras e controles do usuário, o espaço para a apresentação do conteúdo é menor, devido a isto, para que o material funcione corretamente durante a sua utilização, é necessário que os conteúdos estejam em formato responsivo, ou seja, que elas se adaptem ao tamanho reduzido da tela, caso contrário, a barra do Nomad ficará por cima do conteúdo.
Como produzir um material responsivo?
Há diversas formas de tornar um material responsivo, uma das formas é que ele não utilize valores fixos de largura e altura, e sim use tamanhos relativos, em %, assim ele se adaptará a largura e altura do dispositivo, seja qual for.
Tenha em mente que a barra do Nomad ocupa espaço lateral, então quando o Nomad estiver aberto, o espaço para o material terá menos largura que a largura total do dispositivo (em um dispositivo com 1280px, por exemplo)
Exemplo de conteúdo com uma imagem responsiva
Passo 1) Adicionar a tag HTML da imagem:
exemplo : <img src="imagem.jpg" class="responsive">
Passo 2) Adicionar o CSS:
Se você quiser que a imagem seja redimensionada para se adaptar a largura reduzida, defina a propriedade de largura CSS como 100% e a altura como automática, assim a imagem ocupará todo o espaço que sobrou e adaptará sua altura automaticamente:
Exemplo:
responsive {
width: 100%;
height: auto;
}
Ainda com dúvidas?
Entre em contato via Whats App
Equipe Tabmedia
Este artigo foi útil?
Que bom!
Obrigado pelo seu feedback
Desculpe! Não conseguimos ajudar você
Obrigado pelo seu feedback
Feedback enviado
Agradecemos seu esforço e tentaremos corrigir o artigo