我正在使用Cordova开发一个应用程序,并有一个杂志部分,允许用户滑动和放大选择的页面图像。它运行得非常好,我对测试时和iOS上的浏览器结果感到满意。
当用户捏住或双击时,使用scale3d缩放具有可见图像的图层。图像很大,因此在浏览器和iOS上进行缩放时,它们可以很好地重新采样,并允许用户查看任何文本等。
但是,在Android上运行应用时,图像似乎不会重新采样,因此会保持像素化和模糊。
我尝试将图片设置为背景(尺寸为100%)并将其设置为img标签(高度,宽度100%),但似乎都没有在Android上重新采样。
有人可以建议一种方法让图片在Android上重新取样吗?
答案 0 :(得分:0)
我遇到了与此类似的问题,我注意到的是支持css 3d变换并且像素密度超过一的设备需要隐藏backface-visibility
。我不能为我的生活解释为什么会这样。
-webkit-backface-visibility: hidden;
-moz-backface-visibility: hidden;
backface-visibility: hidden;
我也注意到在一些没有3D变换的旧设备上有backface-visibility
的错误,所以我不能一直把它留下来。但遗憾的是我不记得这是什么bug。
我结束了运行Modernizr并在上面添加了backface-visibility
所需的元素,如:
.csstransforms3d #path .to img { … }