psd en html 1920X1080

Question

J'ai le fichier .psd avec les tailles 1920X1080. J'ai besoin de créer un site web réactif qui sera parfait pour les petits et grands écrans. J'ai fait de ce psd html avec la technologie pixel parfaite. Je ne comprends tout simplement pas comment faire de la conception pour les petits écrans. S'il vous plaît aviser.

Answer 1

Utilisation des requêtes de média CCS3! Exemple pour PC de bureau premier:

// Your code for Desktop devices 

@media only screen and (max-width: 768px) { 
    // Here your code for mobile 
} 

ou Mobile First

// Your code for Mobile devices 

@media only screen and (min-width: 768px) { 
    // Here your code for tablet 
} 

@media only screen and (min-width: 992px) { 
    // Here your code for Small Desktop 
} 

règles différentes:

@media screen and (max-width: 992px) and (max-height: 700px) { 
     // Code 
} 

ou:

@media screen and (max-width: 992px) and (min-height: 400px) { 
     // Code 
} 

Ce ne sont que quelques exemples. Vous devez étudier les requêtes média.