移動(dòng)端兩倍像素是怎么回事??？

我是前端，UI發(fā)來的設(shè)計(jì)圖，是700多寬度的，但是我一直是寫的1024以上PC，768以上平板，768px以下是手機(jī)端，但是公司的UI非說他們作圖軟件上，iphone6尺寸是700多像素的寬度，我就蒙了，然后我給UI講，我寫的一般是電腦端四個(gè)塊一排，平板端兩個(gè)塊一排，手機(jī)端一個(gè)塊一排，而一個(gè)塊，大概就是三四百寬度的時(shí)候了。
UI也一直跟我說，iphone6就是700多寬度，本來就是有700多像素點(diǎn)。。。

所以。。想問問各位大神，我是應(yīng)該適配移動(dòng)端到768寬度就停手不管，還是應(yīng)該讓我們公司UI把300多寬度的一個(gè)塊一排的情況給我也設(shè)計(jì)出來呢？

這個(gè)問題怎么解決呀?。?！在線等！急！

回答

編輯回答

純妹

一個(gè)是物理寬度，一個(gè)是展示像素

2017年12月28日 23:51

編輯回答

不舍棄

可以打開Chrome那個(gè)設(shè)備調(diào)試，移動(dòng)端（含各種pad）都是1/2物理像素，僅僅是布局而已，你的圖片內(nèi)容還是應(yīng)該和物理像素一樣，然后容器1/2，或者svg

2017年11月26日 16:54

編輯回答

拽很帥

我們公司的ui寬度就是按照720px設(shè)計(jì)的，移動(dòng)端我們一般使用rem作為單位，在<head></head>標(biāo)簽中放入以下代碼

<script type="text/javascript">
  (function(win) {
    var doc = win.document;
    var uiWidth = 720;//設(shè)計(jì)稿UI的寬度
    var evt = "onorientationchange" in win ? "orientationchange" : "resize";
    function setFontSize() {
      doc.documentElement.style.fontSize = win.innerWidth / uiWidth * 100 + 'px';
    };
    win.addEventListener(evt, setFontSize, false);
    doc.addEventListener("DOMContentLoaded", setFontSize, false);
  })(window);
</script>

然后所有的css單位用rem，比如720px就用7.2rem，依次類推

2017年7月4日 23:51

編輯回答