老师 我谈谈我的看法
来源: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回答
同学你好,理解正确。实际开发中设计稿都是750的,即对应着视口为750px的机型(iphone6),所以当视口是750px时,页面上的1px才对应着设计稿上的1px,如果视口是375px的,那么我们在页面上设置的1px实际对应着设计稿上的2px。所以为了还原设计稿上的1px,我们在适配时,采取了调整initial-scale等参数的方式,从而让视口和设计稿一样宽。
另外,这位老师的解释其实也在说明该点,只是每个人的表达方式不同所以给同学造成了误解,老师会和这位老师反馈下,争取用最通俗易懂的语言为大家解答问题。
祝学习愉快!
相似问题