android - 自动将图像和图标大小与 ionic 中的移动分辨率对齐？

Question

我是 ionic 的新手。我开发了一个带有一些静态内容的 ionic 应用程序。在浏览器中，内容是响应式的，而当我构建 apk 文件并在手机中安装时，图像尺寸和图标都非常大。谁能告诉我在移动设备中自动对齐图像大小的可能解决方案是什么？

提前致谢。

Answer 1

抱歉回复晚了...

图像几乎是每个网站的另一个重要方面。移动用户可能不希望流式传输视频，但照片则完全不同。这些也是打破框模型的布局的最大罪魁祸首。

img { 最大宽度:100%； }

CSS 的标准规则是对所有图像应用最大宽度属性。因为它们总是设置为 100%，所以您永远不会注意到失真。当用户将浏览器窗口的大小调整为小于您的图像可以处理的大小时，它会自动重新调整为 100% 宽度缩小。问题是 Internet Explorer 无法理解此属性，因此您需要使用 width: 100%; 组合一个 IE 特定的样式表。

如果您使用 JavaScript 或 jQuery 插件，也可以使用灵活的图像。有一些非常聪明的开发人员已经投入时间来构建令人难以置信的响应图像内容。 This thread只是 Stack Overflow 中的众多内容之一，它具有解决 IE6/7 错误的古怪而方便的方法。

我个人建议坚持使用自然的 CSS 图像调整大小。如果您的网站在启用了 JavaScript 的移动浏览器中运行，它很可能也支持 CSS。如果您真的想深入挖掘，请查看这篇 24 种方法文章 Images for Adaptive Designs ..