mac筆記本分辨率為2560*1600,css樣式錯位問題


  上周做了一個小小的大屏頁面,考慮到主要是大屏展示用,所以就按照1920*1080為基准,自適應屏幕的方式設計的。放到測試環境之后產品看了覺得非常棒,沒有bug,十分少見,哈哈哈。

  剛高興了沒一天,第二天產品去另外的駐地時就發來截屏,樣式錯亂了,這種情況下我首先想到的就是分辨率問題,知道自己沒有做低分辨率的處理,結果對方說分辨率是2560*1600,我說那不可能啊,照着截圖來看,應該是高度小於1080的啊,苦於沒有mac筆記本,沒辦法驗證,最后找到老大的筆記本,但是他的不是13寸的,顯示出來非常完美啊!!!直到找到了部門領導的電腦,用13寸的一看,果然樣式錯亂了。

  在我的認知里,屏幕適配用css做是可以的,但是我就不明白分辨率不是2560的么,咋會不對?即使要適配我也不知道該適配哪個高度和寬度啊!在我迷茫時領導說了一句:“我這個是2K屏的”,老大又補充道:“嗯,所以是要除以二才是適配的分辨率”。這下我終於明白了,難怪產品的截圖和我模擬的1280分辨率相似,原來是一個意思。這下我就知道該怎么適配了。

  總結,因不了解mac筆記本,所以不知道是2k屏,導致樣式不對,主要原因還是自己偷懶,沒有做適配,哈哈哈哈。


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM