问题描述
|
我正在尝试使用mobile.css文件将图片调整为310像素宽。这适用于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;
}
解决方法
我们需要检查的第一件事是CSS文件确实已被加载。您似乎正在使用一些JavaScript移动浏览器检测功能来动态加载CSS。 mobile.css中的其他任何规则肯定会生效吗？如果不确定，请尝试在图像样式属性中添加ѭ1以获得可见的反馈。如果仍然没有效果，则说明该脚本没有发挥作用，或者Android试图模仿台式机浏览器（可能有也可能没有更改此选项）。
附带说明，您将图片宽度指定为310px宽，但页面上的默认样式为300px。您确定要在较小的屏幕上放大图像吗？
, 似乎图像已经由CSS设置，我想它已经固定了吗？
如果没有，您可能需要清理浏览器缓存
, 在“移动”视图中呈现时，您是否可以提供指向页面的链接？也许是什么错误的屏幕截图？我注意到的一件事是Melissa Foley的图像在CSS外部定义了width = \“ 200 \”。
我的Nexus One 480x800 px和LG Optimus One 320x480上的网站看起来都很好。我真的没看到问题。