Question

我正在开发移动设备的网页，包括智能手机和平板电脑。

我正在使用jQueryMobile，因此大多数功能在所有设备上都能很好地运行。

我的问题是，我想使用非常高分辨率的图像，以便使用平板电脑获得最佳质量。如果我使用720X1280 - 平板电脑上的页面看起来很棒 - 但在智能手机上 - 没有缩小尺寸。

我是否必须使用320x480进行构建 - 然后在平板电脑上进行缩放？是否有任何灵魂或指导方针？

Answer 1

使用响应式图像。因此，该图像将根据设备的大小进行缩放。

img {
  width: 100%;
  max-width: 100%;
}

以上css代码将自动获取父容器大小。

以下是一些很好的例子＆amp; aticles。

自适应图片的Javascript插件：

灵活图像的精彩教程：