jquery - JqueryMobile 解像度 ワークサイズ

Question

こんにちは、私は現在、ビジネス用のモバイル サイトを作成しています。また、見出しとフォーマットをコーディングするときに、使用する必要がある特定の解像度サイズがあるかどうかを知りたいと思いました。私は、Dreamweaver を通じて 2 つの異なる解像度を取得しました (現在、iPhone または同様のスマートフォン向けにのみ開発しており、タブレットは対象外です)。私は 320x480 と 480x800 を与えられました。私が作業すべき特定のサイズはありますか? または、ヘッダー バナーやその他の画像を領域内で拡大縮小する方法はありますか。これが大部分の意味をなすことを願っています！

Answer 1

CSS3メディアクエリを使用できます：

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