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

Question

我正在尝试使用我的mobile.css文件将图像大小调整为310px宽.这适用于iPhone但不适用于Android.

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

这是我的页面和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;
}

Answer 1

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

附带说明一下，您将图像宽度指定为 310 像素，但页面上的默认样式为 300 像素。您确定要在较小的屏幕上放大图像吗？