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 
} 

これらの唯一のいくつかの例です。あなたはメディアの質問を研究する必要があります。