css - 移动网站背景图片无法在 Blackberry Bold 9700 上正确显示

标签 css mobile blackberry web sprite

我已经为一些图标等使用 CSS sprite 构建了一个移动网站,但图像在 Blackberry Bold 9700 的浏览器中看起来确实像素化和锯齿状。在其他几个 BB 设备和我们测试过的所有其他设备上都很好。

Sprite 图像也显得更小,所以不确定这是否是浏览器的缩放问题。内联图像看起来不错,但也比其他设备小。

设备详情:

Bold 9700 - 6.0 Bundle 2049

有没有人遇到过这个?

最佳答案

经过大量搜索,我找到了原因,图像压缩。我总是通过 ImageOptim 应用程序运行图像,看起来这导致了这款手机的分辨率极低。导出了没有压缩的 CSS Sprite ,现在看起来不错。

编辑:

我认为压缩是问题所在,但它实际上是图像 Sprite 的尺寸!这是一张长图片,大约 1400 像素高,黑莓似乎会自动降低大图片的质量,从而导致所有问题。

修复 通过简单地将 Sprite 分成 2 个大约 600 像素高的文件来修复它。

关于css - 移动网站背景图片无法在 Blackberry Bold 9700 上正确显示,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/13138026/

相关文章:

java - 将新图像添加到资源文件夹后出现类未找到异常

blackberry - 如何关闭黑莓粗体的弹出屏幕

java - 如何在黑莓应用程序上直接播放视频?

html - 如何更改 <ul> 和 <li> 元素之间的间距?

css - 不使用 jQuery 的嵌入式 SVG(带后备)

javascript - 在移动设备上隐藏类或 javascript 链接

ios - Affdex iOS SDK "set the licensePath property with a valid file path"错误

html - 将文本提示添加到移动 View 上的 Bootstrap 导航栏切换按钮

html - 尽管 body 高度为 100%,页脚仍然卡在中间页面

css - 文本溢出省略号不起作用?