老师 我谈谈我的看法

来源:3-2 通用适配实现

大白前端

2020-11-03 22:31:48

# 具体遇到的问题

# 报错信息的截图

# 相关课程内容截图

# 尝试过的解决思路和结果

# 粘贴全部相关代码,切记添加代码注释(请勿截图)

在这里输入代码,可通过选择【代码语言】突出显示


下面是我之前问的问题链接

https://class.imooc.com/course/qadetail/262473

我觉得在1px边框的问题上回答的不好,我在网上找资料之后才发现其实1px边框的问题

是因为iphone6设计稿给的是750px的大小 边框为1px  那其实也就是视口为750px的情况下

边框为1px 也就是边框横跨1个物理像素点,但是如果不缩放视口的话那么iPhone6的理想视口

就是375px  那么写边框为1px 此时横跨的是2物理像素 因为此时视口是375 对应着750个物理像素点

所以才要通过缩放视口来让1px的横跨的物理像素点为1物理像素 也就是达到UI设计师的要求

说白了就是设计师要的是1物理像素的边框 。

而以上这个链接老师说的是什么视觉模糊效果之类的,解释起来反而很抽象,也很容易让人误解。

写回答

1回答

好帮手慕久久

2020-11-04

同学你好,理解正确。实际开发中设计稿都是750的,即对应着视口为750px的机型(iphone6),所以当视口是750px时,页面上的1px才对应着设计稿上的1px,如果视口是375px的,那么我们在页面上设置的1px实际对应着设计稿上的2px。所以为了还原设计稿上的1px,我们在适配时,采取了调整initial-scale等参数的方式,从而让视口和设计稿一样宽。

另外,这位老师的解释其实也在说明该点,只是每个人的表达方式不同所以给同学造成了误解,老师会和这位老师反馈下,争取用最通俗易懂的语言为大家解答问题。

祝学习愉快!

0

0 学习 · 6815 问题

查看课程