移动设备上的超大图像

时间:2011-06-14 20:04:10

标签: jquery image mobile touch swipe

我有一个专为320px宽的移动设备设计的网站。这似乎是一个很好的宽度,因为这意味着人们不需要水平滚动。但是,网站中有一些图像宽度超过320像素。我不想调整它们的大小,我不希望它们显示宽度超过320px。相反,我希望人们能够滚动查看它们。最好的方法是什么?

如果有必要,我可以很乐意将图像放入容器中(可能使用JS),并且我很乐意使用JS / jQuery,因为该网站针对的是智能手机。我真的不喜欢只是让容器溢出-x并依赖于人们知道双指滑动的想法,因为我发现人们没有。

如果可能,最好使用(双?)水龙头使图像全屏,并允许捏合和缩放,以及单指滚动。有没有办法做到这一切?谢谢!

2 个答案:

答案 0 :(得分:0)

结帐http://unstoppablerobotninja.com/entry/responsive-images/

此外,您可能希望网站具有灵活的宽度。 320px仅在某些情况下有效。

答案 1 :(得分:0)

我实际上决定使用http://cubiq.org/iscroll-4

它有点大(18kb最小化),但它看起来非常坚固,功能非常好。