Passos simples para tornar o site compatível com dispositivos móveis (design responsivo)?
Eu finalmente fiz meu site: steakovercooked.com mobile user friendly e, portanto, todas as páginas da web em todos os meus 6 domínios até agora são qualificadas para user-mobile user friendly.
A facilidade de uso móvel agora é um fator de classificação, por exemplo, os mecanismos de pesquisa do Google tendem a promover os sites que passam no teste de fácil utilização móvel.
compatível com dispositivos móveis
Aqui estão as etapas para tornar o usuário móvel amigável, também conhecido com o Responsive CSS Design.
CSS inline nas tags HTML são ruins, pois misturam a apresentação e HTML, por exemplo,
O estilo é definido diretamente na tag HTML div, que não é possível alterar usando folhas de estilo externas.
Não use pixels de largura especificada/fixa
Se você definir algo como, por exemplo, largura:900px, é provável que não seja compatível com dispositivos móveis. Você pode substituir isso por uma porcentagem, por exemplo, 30%. Pixels menores são menos propensos a ser um problema, por exemplo, ícones são bons em resoluções de tela pequena. Imagine, a menor largura da tela é de 300 pixels (aproximadamente), então você não quer que nenhum dos seus elementos HTML seja mais largo que isso.
Coloque o seguinte dentro da tag head
Imagens/Tabelas são as piores
As tabelas são piores para o design responsivo, portanto, talvez seja necessário substituí-las por elementos div simples. As imagens devem ser especificadas com o seguinte estilo de largura máxima, por exemplo
É isso, nada de coisas complexas! Observe que uma página amigável para dispositivos móveis não é o mesmo que AMP (Accelerated Mobile Pages).