Compatível com dispositivos móveis e super responsivo em todos os dispositivos

Nosso mecanismo responsivo faz você sentir que ele foi projetado apenas para o dispositivo que você usa, seja ele qual for.

• Consultas de mídia

  /*========== Método Mobile First ==========*/ 
   
   /* Personalizado, iPhone Retina */ 
   @media only screen and (min-width : 320px){ 
   } 
   / * Extra Small Devices, Phones */ 
   @media only screen and (min-width : 480px){ 
   } 
   /* Small Devices, Tablets */ 
   @media only screen and (min-width : 768px){ 
  
   } 
   /* Medium Devices, Desktops */ 
   @media only screen and (min-width : 992px){ 
  
   } 
   /* Large Devices, Wide Screens */ 
   @media only screen and (min-width : 1200px){ 
  
   } 
   /*========= = Primeiro método não móvel ==========*/ 
   /* Dispositivos grandes, telas largas */ 
   @media only screen and (max-width : 1200px){ 
  
   }
   /* Dispositivos Médios, Desktops */ 
   @media only screen and (max-width : 992px){ 
  
   } 
   /* Small Devices, Tablets */ 
   @media only screen and (max-width : 768px){ 
  
   } 
   /* Extra Small Devices, Telefones */ 
   @media only screen and (max-width : 480px){ 
  
   } 
   /* Custom, iPhone Retina */ 
   @media only screen and (max-width : 320px){ 
  
   }

• Sistema de rede

  Usamos o sistema de grid do bootstrap, para criar layouts e páginas, aqui está uma lista rápida de variáveis ​​de grid usadas no bootstrap less, cada uma das variáveis ​​denota o tamanho da tela, e o número se grid pode ser adicionado ao final das variáveis. ou seja, xs-1,xs-2,xs-3 .... xs-12.

  xs: 0, 
    // tela pequena / telefone 
    sm: 544px, 
    // tela média / tablet 
    md: 768px, 
    // tela grande / desktop 
    lg: 992px, 
    // tela extra grande / área de trabalho ampla 
    xl: 1200px