网站首页 > 知识剖析正文

移动web开发应注意的background属性

nixiaole 2025-09-03 06:35:37 知识剖析 1 ℃

现在的手机，屏幕像素比真的让我无语，不过清楚都是很清楚。

君不见，iPhone4、5、6的像素比为2，而iPhone6p的像素比是3，如果我们在设置背景图片的时候，如果和设计图一样大小的背景图片的话，就造成了背景模糊的情况。

如何解决呢？用media 来为每一个不同的背景加载不同的背景图，以保证背景图的清晰。

呵呵，完美~~~，你去实现吧。我不干！想累死我呀！

现在通用的方法是，比方说：这个背景需要的是100*100px的。我们要让设计做200*200的图。

然后在background-size中设置为100px 100px；这样虽然不完美，但是基本上解决了大部分的移动屏幕的适配工作。