我们正在为一个移动网站设计一个模板，我们遇到了一个问题，我们不知道 Logo 的大小或背景等应该是多少。
我们将使用 Jquery 移动 API 和 HTML5/CSS3，这基本上允许我们创建网站的整个架构而无需担心尺寸，但就背景和图像等外部 Assets 而言，我们不知道什么是最佳尺寸，以便与大多数设备更加兼容。
最佳答案
iPhone 4S/5 具有 640 像素宽的高分辨率屏幕。许多 Android 智能手机的最大宽度为 720 像素，但有些会达到 800 像素。超过它的任何东西都可能被视为平板电脑。
就广泛的兼容性而言，您可以做的最好的事情就是单一的 CSS 样式:
img { max-width: 100%; height: auto; }
这将确保无论屏幕分辨率如何，您的图像都不会大于包含它的元素。 (当构建一个考虑到移动用户的响应式网站时，你的元素宽度、边距和填充都应该尽可能地计算为百分比。)显然，这也意味着你下载的图像数据比许多手机需要的多，但如果你在处理双色标识时，差别不大。与往常一样，让您的图片尽可能少且小。
此外，如果您不处理照片，则应该查看 SVG 图像。由于它们是基于矢量的，因此它们可以在任何分辨率下完美调整大小，并且 they're compatible with pretty much every browser except IE8 and Android 2.x .
关于html - 对于移动网站，我的图片应该是多大的，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/12848764/