JqueryMobile 分辨率 工作大小

Question

您好，我目前正在为一家企业创建一个移动网站。而且我想知道在编码标题和格式时是否需要使用特定的分辨率大小。我通过 Dreamweaver 获得了两种不同的分辨率（目前仅针对 iphone 或类似的智能手机开发，没有平板电脑）。我得到了 320x480 和 480x800，我应该使用特定的尺寸吗？或者有没有办法让我的标题横幅和其他图像在一个区域内自行缩放。我希望这在很大程度上是有意义的！

Answer 1

你可以使用 CSS3 Media Queries:

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