レスポンシブデザイン

レスポンシブデザインの標準サイズはありますか？一般的に私はそれがモバイル、タブレット、iPad、ラップトップ、デスクトップのサイズになると思った。しかし、今私は彼らのデザインが4.5インチのスクリーンでは良くなく、サムスンノートのモバイルなどでデザインが良くないと不平を言っているという私のクライアントと多くの問題を抱えています。これは私の間違いですか？。私は私のクライアントにそれを説明できることを示唆してくださいdesign.Soレスポンシブデザイン

出典

2013-12-11 Amirtharaj

難しいです。あまりにも多くのデバイスがあるので、実際には標準サイズはありません。 –

「デザインするサイズ」のアイデアを得るには、ここをクリックしてください：http://www.zingdesign.com/responsive-website-design-cheatsheet1/ –

を、私はいつもこのmediaqueryテンプレートから始まるよ：。。

/* Smartphones (portrait and landscape) ----------- */ 
@media only screen 
and (min-device-width : 320px) 
and (max-device-width : 480px) { 
/* Styles */ 
} 

/* Smartphones (landscape) ----------- */ 
@media only screen 
and (min-width : 321px) { 
/* Styles */ 
} 

/* Smartphones (portrait) ----------- */ 
@media only screen 
and (max-width : 320px) { 
/* Styles */ 
} 

/* iPads (portrait and landscape) ----------- */ 
@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px) { 
/* Styles */ 
} 

/* iPads (landscape) ----------- */ 
@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px) 
and (orientation : landscape) { 
/* Styles */ 
} 

/* iPads (portrait) ----------- */ 
@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px) 
and (orientation : portrait) { 
/* Styles */ 
} 

/* Desktops and laptops ----------- */ 
@media only screen 
and (min-width : 1224px) { 
/* Styles */ 
} 

/* Large screens ----------- */ 
@media only screen 
and (min-width : 1824px) { 
/* Styles */ 
} 

/* iPhone 4 ----------- */ 
@media 
only screen and (-webkit-min-device-pixel-ratio : 1.5), 
only screen and (min-device-pixel-ratio : 1.5) { 
/* Styles */ 
}

出典

2013-12-11 09:59:38