如何在Android上调整图像大小？

Question

我正在尝试使用mobile.css文件将图片大小调整为310像素宽。这在iPhone上运行良好，但在安卓上不起作用。

如何在安卓上调整这些图片的大小呢？

以下是我的页面和CSS：

div.photosmall,
div.photosmall img,
div.photosmall a img,
div.photosmall-left,
div.photosmall-left img,
div.photosmall-left a img,
div.photosmall-right,
div.photosmall-right img,
div.photosmall-right a img,
div.photobanner,
div.photobanner img,
div.photobanner a img,
div.photolarge,
div.photolarge img,
div.photolarge a img,
div.photolarge-left,
div.photolarge-left img,
div.photolarge-left a img,
div.photolarge div.photolarge,
div.photolarge div.photolarge img,
div.photolarge div.photolarge a img,
img.photobanner,
img.photolarge {
    width:310px !important;
    float:none;
}

- Ryan

Answer 1

我们需要检查的第一件事是确认CSS文件是否真的被加载了。看起来您正在使用一些JavaScript手机浏览器检测函数动态加载CSS。mobile.css中的任何其他规则是否明确生效？如果不确定，请尝试将outline:solid 1px red添加到图像样式属性中以获得可见反馈。如果仍然没有效果，那么脚本没有完成其工作，或者Android正在尝试模拟桌面浏览器（可能有或可能没有更改该选项的选项）。

另外，您指定图像宽度为310像素，但页面上的默认样式为300像素。您确定要在较小的屏幕上使图像变得更大吗？

- BoffinBrain

Answer 2

看起来这些图像已经由 CSS 设置，我猜它是固定的？ 如果没有，您可能需要清除浏览器缓存。

- driedoezoe

---

我已经清除了缓存并重新加载页面多次。在Android上，这些图像仍然是全尺寸的。 - Ryan

Answer 3

您能提供一个在移动视图中呈现的页面链接吗？也许提供一下错误截屏？我注意到其中一个问题是 Melissa Foley 的图片有一个 width="200" 定义在 css 之外。

这个站点在我的 Nexus One 480x800 px 和我的 LG Optimus One 320x480 上看起来完全正常。我真的没有看出什么问题。

- AGrunewald

---

在我的HTC EVO、Incredible和iTouch上，两种视图都可以正常工作。我不禁想知道，将CSS类添加到图像和<div>类中是否有益，而不仅仅是<div>类。虽然不应该这样，但奇怪的事情经常发生，有时移动浏览器的行为很奇怪。 - Jem