mac笔记本分辨率为2560*1600,css样式错位问题
上周做了一个小小的大屏页面,考虑到主要是大屏展示用,所以就按照1920*1080为基准,自适应屏幕的方式设计的。放到测试环境之后产品看了觉得非常棒,没有bug,十分少见,哈哈哈。
刚高兴了没一天,第二天产品去另外的驻地时就发来截屏,样式错乱了,这种情况下我首先想到的就是分辨率问题,知道自己没有做低分辨率的处理,结果对方说分辨率是2560*1600,我说那不可能啊,照着截图来看,应该是高度小于1080的啊,苦于没有mac笔记本,没办法验证,最后找到老大的笔记本,但是他的不是13寸的,显示出来非常完美啊!!!直到找到了部门领导的电脑,用13寸的一看,果然样式错乱了。
在我的认知里,屏幕适配用css做是可以的,但是我就不明白分辨率不是2560的么,咋会不对?即使要适配我也不知道该适配哪个高度和宽度啊!在我迷茫时领导说了一句:“我这个是2K屏的”,老大又补充道:“嗯,所以是要除以二才是适配的分辨率”。这下我终于明白了,难怪产品的截图和我模拟的1280分辨率相似,原来是一个意思。这下我就知道该怎么适配了。
总结,因不了解mac笔记本,所以不知道是2k屏,导致样式不对,主要原因还是自己偷懒,没有做适配,哈哈哈哈。