得胜斗牛牛游戏下载龙喵牛牛最新作弊器

得胜斗牛牛游戏下载龙喵牛牛最新作弊器移动端font-size适配方案在移动端开发中，对于页面屏幕适配要解决哪些问题？小洽助手app下载-小洽助手app1.0.0 安卓版对于不同的dpr，图片会有模糊的情况，怎么适配？对于不同的屏幕宽度，怎么适配？对于不同的内容：容器，文字和图片，怎么适配？对于移动适配，我个人希望达到的效果是，对于不同...

移动端font-size适配方案

在移动端开发中，对于页面屏幕适配要解决哪些问题？小洽助手app下载-小洽助手app1.0.0 安卓版

对于不同的dpr，图片会有模糊的情况，怎么适配？

对于不同的屏幕宽度，怎么适配？

对于不同的内容：容器，文字和图片，怎么适配？

对于移动适配，我个人希望达到的效果是，对于不同的屏幕，在视觉上为了方便阅读，页面只需要简单地放大或缩小即可。但是由于流式布局(根据父容器的百分比来决定宽高)具有很大的局限性，所以我们采用rem布局。

dpr是什么？简单来说，dpr是实际像素与看到的像素的比值。比如说你看到的是1px，那么在dpr为2的设备上，它实际上是由2个像素点组成的，每个像素点的实际大小是0.5px。

dpr会造成什么问题？比如一个200px*300px的图片，在dpr为1的设备上，显示正常，但是在dpr为2的设备上，由于实际像素变成了400px*600px(虽然实际大小仍然只有200px*300px)，那些多余的像素是设备推测出来的，所以会有图片变模糊的问题。

怎么解决？网上的解决方法说的很复杂，真的听不懂。。。但是简单来说，解决方案是使用400px*600px的图片，但是规定它的大小为200px*300px，所以在dpr为1的设备上，图片是被“压缩”过的，但是并不影响视觉效果；而在dpr为2的设备上，因为本身的图片大小是400px*600px，所以那些多余的px就从这里取了，不会通过设备推测，所以视觉效果会更好。

那么对于dpr>2的设备呢？实际上视觉效果影响不大，可以忽略。等到有足够的影响成为一个问题之后，再来解决。