搜尋

首頁  >  問答  >  主體

css - 為什麼行動端會產生「一像素邊框」這個問題?

先說下我的想法。
因為retina螢幕的物理像素密度是普通螢幕的2倍。也就是說同樣一吋retina螢幕
用兩個物理像素去渲染,而普通螢幕只用一個。至此我認為retina螢幕的物理像素它的大
小是小於普通螢幕的物理像素大小的!不然數值上相等的retina螢幕和普通螢幕相比的話
retina螢幕的面積豈不是普通螢幕的4倍?但現實中iphone並沒有比一般手機大。所以
我覺得retina螢幕的物理像素比普通螢幕的物理像素小。


那麼問題來了。既然是這樣怎麼會產生「一像素邊框這個問題呢?」雖然retina螢幕使用兩個物理像
素去表示一個css像素,而普通螢幕是用一個物理像素去表示一個css像素,但是retina螢幕的物理
像素的大小是普通的二分之一啊。所以他們應該相等才對啊。可是這個問題確實存在,那隻能說明我
的想法是錯的。可是我又不知道錯那,麻煩大牛們能給我解惑!

仅有的幸福仅有的幸福2778 天前699

全部回覆(2)我來回復

  • 仅有的幸福

    仅有的幸福2017-05-16 13:30:38

    行動端的像素跟螢幕像素並不是相等的,首先跟縮放比例有關,確認是1.0的話,CSS 可以對應 document.body.clientHeight 和 document.body.clientWidth。
    1920 x 1200 的螢幕,document.body 可能只有 480 x 662 的尺寸。

    回覆
    0
  • 高洛峰

    高洛峰2017-05-16 13:30:38

    直接用rem佈局,這個放大倍數,圖片會不會模糊

    回覆
    0
  • 取消回覆