psd to html 1920X1080

Question

크기가 1920X1080 인 .psd 파일이 있습니다. 작고 큰 화면에 좋게 보이는 반응 형 웹 사이트를 만들어야합니다. 나는 완벽 한 기술 로이 psd html에서 만들었습니다. 작은 화면을 디자인하는 방법을 이해하지 못합니다. 알려주십시오.

Answer 1

CCS3 미디어 쿼리 사용! 첫 번째 데스크톱 예 :

// Your code for Desktop devices 

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

또는 모바일 먼저

// 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 
} 

다른 규칙에 대한

:

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

나 :

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

다음은 일부 예이다. 미디어 쿼리를 연구해야합니다.