一个 jQuery Mobile 的图片缩放的问题?

红薯 发布于 2011/08/11 21:59
阅读 10K+
收藏 1

例如:http://m.oschina.net/p/html5media 这个页面,在 Android 手机上看这个页面,图片只能看到左边的一半,而且无法通过缩放或者滑动操作来看到另一半图像,因为图片本身的宽度超过了 Android 480 的屏幕宽度。

不知道如何解决,看着不爽,手机老是看不到全图。

加载中
0
blur
blur

用chrome查看了一下,问题可能出在这里。

红薯可以尝试修改一下。

红薯
红薯
这个是 jQuery Mobile 自动生成的哦
0
红薯
红薯
暂时用 max-width 控制内容中的 img 来解决,但是很奇怪,明明屏幕宽度 480 非要设置为 300px 才能刚好显示图片。
0
blur
blur

也只能这样了。

http://forum.jquery.com/topic/scalable-images

这个帖子给出了一些建议,也就是先获取设备宽度,再动态插入图片,将图片的宽度设置为设备的宽度。

红薯是要刚好在屏幕内显示图片的全部吗?

因为我想了一下,如果jq mobile允许滑动的话,那在图片滑向左侧的时候,下方的那些listview应当如何运动呢?如果随之延长,则显得怪怪的;不随之延长,又觉得空空的。

不知道我讲清楚自己的意思没有。

0
l
liu.jun

  我的问题不是跟你一样嘛,搞笑的是jquerymobile1.1rc版没问题,1.1正式版就出现跟你一样的问题

http://www.oschina.net/question/190672_52973

0
二胡
二胡

1. 用jQuery(window).width();
   取得屏幕宽度XXX;
2. 给图片加上样式 max-width:XXXX-20;

返回顶部
顶部