3回答

好帮手慕久久

2020-08-28

同学你好，这里涉及到的一些内容算是常识，同学记住即可，即iphone5的dpr为2（设备本身的配置），它的设备宽（可以简单理解成屏幕宽）是320px，所以浏览器上面写着320（专业名词是：css像素），而它的分辨率是640px，所以设计稿会与分辨率一致，是640px宽的，而dpr=分辨率/css像素=640/320。

祝学习愉快！

0

陈立天

提问者

2020-08-28

640设计稿到浏览器上模拟就320了 和dpi有什么联系吗 我没搞懂。

0

好帮手慕久久

2020-08-28

同学你好，问题解答如下：

因为设计人员，在制作设计稿的时候，需要参考某一个屏幕进行设计，即设计人员通常会按照iphone5和iphone6这两种屏幕进行设计，所以我们拿到的设计稿就可能是640px宽或者750px宽这两种情况；如果设计稿是640px宽的，那么它就对应的是iphone5这个设备，因此我们开发时，会将浏览器模拟设备调成iphone5，在iphone5下写出来的页面是真实还原设计稿的，而iPhone5的设备宽是320px，iphone6同理。

如果我的回答帮到了你，欢迎采纳，祝学习愉快！

0