html - 移动网站的Android背景图片模糊?

标签 html css

我正在开发一个移动网站,我注意到在 Android 上所有背景图像的渲染都很差,它们似乎都非常模糊?有没有人遇到过这个问题?我使用的图像是 131 x 32px 的 png 24 格式,文件大小是 5.37kb。我使用的是最新版本的 android 3.2.2。我在网上阅读了一篇文章,其中有人遇到了同样的问题,但他们的问题是由于 Canvas 尺寸过大造成的,而这里的情况并非如此。

最佳答案

如果你想要一个full explanation,我刚刚写了一篇关于这个的文章.

长话短说,使用较大的图像(393 x 96 像素),然后使用background-size 将其缩小:

background-size: 131px 32px;

关于html - 移动网站的Android背景图片模糊?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/7947760/

相关文章:

javascript - 如何让嵌套的CSS元素的宽度都一样?

HTML/CSS 下拉问题

html - wkhtmltopdf 百分比小数

python - 如何避免 django 模板中出现奇怪的空格?

html - 如何在带有图像的圆圈之间放置线条?

javascript - css 宽度百分比不起作用

javascript - 如何知道点击了哪个按钮

javascript - 如何设计一个两层结构的表格,让x轴在所有x轴数据的最上面,让所有的文字水平垂直

javascript - jQuery 函数在 Firefox 中不起作用

html - 如何防止导航栏在滚动过程中被内容覆盖?