Question

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

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

这是我的page＆amp; 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正在尝试模拟桌面浏览器（并且可能有也可能没有更改它的选项）。

作为旁注，您指定图像宽度为310px宽，但页面上的默认样式为300px。您确定要在较小的屏幕上制作更大的图像吗？

Answer 2

看来这些图像已经由css设置了，我猜它已经修好了？如果没有，您可能需要清理浏览器缓存

Answer 3

在移动视图中呈现时，您是否能够提供指向该页面的链接？也许是什么错误的屏幕截图？我注意到的一件事是Melissa Foley的图像在css之外定义了宽度=“200”。

该网站在我的Nexus One 480x800 px和我的LG Optimus One 320x480上看起来都很完美。我真的没有看到问题。

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

3 个答案: