iPhone 6 plus dpr如何解决?

无需加好友免费技术支持

每一次开启今天的头条，还不知道写点什么。庆幸的是，一份个人工作中pc当网址拿出时，老总依然非常满意。以下属于移动智能终端。边写边记，记笔记。如果你觉得这是事实low请翻过。觉得对自己有协助，请留言或夸奖感谢！

一、一般留意:

1.兼容模式:

现阶段移动智能终端中使用二种电脑浏览器，一种是Android，一种为ios，她们应用浏览器无非就是chorme和Safari都是电脑浏览器webkit适用全部关键css3，和es6.所以基本不用考虑到兼容模式。

2.动作替代鼠标事件

由于移动终端没有鼠标，反而是触摸显示屏，用动作替代电脑鼠标是自然而然的。

3.屏幕尺寸不一定是

不太可能为每一个屏幕规格开发设计一套css，因而，运用回应开发设计都是自然。

4、关于css3动画

如今的css正常情况下应用动画GPU硬件加速器，因此使用css3动画比用javascript动画迅速。

5、手机端的js库。

人们都用zopto.js和angular.js，没必要独树一帜。

二、详尽进行

1.如果没有兼容问题(见ie坏笑中...），html5和css从总体上

①布局使用flex也可以用布局flex布局固定不动像素。

②布局企业的挑选rem(相对性企业)，为了方便适配屏幕，大家可以html屏幕总宽用以根节点 / 10(你能明确这一值，还可以是20)，也比较方便大家实际操作。

但是也有必须固定不动像素时，例如:无论你在哪里pc文章阅读或读书或阅读文章phone手机看书，双眼对字体样式有一定的规定。一般是14px。

③图片难题：

高清屏的dpr换句话说，假如你用了100，*100px图像做到1000*100px因为超清屏幕的画面质量，dpr为2，换句话说，它应用2000*200物理学像素表明你1000*图片100，导致图片模糊不清。换句话说，如果你想要做到你想要的结果，你必须应用100*100dp(物理学像素)来表现它。由于屏幕就是我们控制不了的，我们能做的就是操纵图片。所以一个公式计算表明：width = （w_dp / dpr）px；w_dp指图片的总宽，使我们了解，100*我们要应用500张图片*用50来表现它，就可以达到大家想要的结果。

注意下，iPhone 6 plus dpr全是3了；

④像素外框难题

第四个关键是由上边的第三个小一点延伸出的，由于dpr换句话说，1px外框用两个物理学像素表明，模模糊糊。如何解决？如今一般是由放缩去解决的:

处理放缩难题1px外框难题

⑤应用多行文本外溢客户体验：

多行文本外溢

临时先写这么多，借鉴了X课网络上的许多知识要点，在这里说声谢谢。