在线观看不卡亚洲电影_亚洲妓女99综合网_91青青青亚洲娱乐在线观看_日韩无码高清综合久久

鍍金池/ 問答/HTML5/ H5做頁面,設(shè)計(jì)師切圖給我2x和3x兩個(gè)版本,應(yīng)該用哪個(gè)呢

H5做頁面,設(shè)計(jì)師切圖給我2x和3x兩個(gè)版本,應(yīng)該用哪個(gè)呢


H5做頁面,設(shè)計(jì)師切圖給我2x和3x兩個(gè)版本,應(yīng)該用哪個(gè)呢

回答
編輯回答
有點(diǎn)壞
  1. 隨便,都按手機(jī)端來做,2x就除以2,3x就除以3。
  2. 圖標(biāo)盡量用矢量的,其它能用 CSS 的就不要切圖
2017年10月1日 14:16
編輯回答
櫻花霓

2x是雙倍圖,3x是三倍圖,使用哪一個(gè)主要看設(shè)備的dpi是多少。

不過,一般的頁面2x的圖就夠用了。

如果有興趣的話,可以通過懶加載等方式根據(jù)設(shè)備dpi加載不同x版本的圖片。

2017年3月7日 18:25
編輯回答
不歸路

2x的就可以了,也就是iphone6的尺寸

2017年9月8日 03:09
編輯回答
熟稔

一般iPhone x用3x的圖片,其他都是2x的

2017年7月3日 21:29
編輯回答
荒城

因?yàn)閔5做移動(dòng)端界面,我們都會(huì)用rem單位,我個(gè)人是切@2x的圖片,如果img放在html頁面里,我們只要去設(shè)置其圖片的寬高即可,因?yàn)樗约壕蜁?huì)自動(dòng)縮放。但放在css里做背景圖的話要用background-size:50%;縮小一半。這樣的話在手機(jī)上看也不會(huì)模糊失真。至于@3x我個(gè)人也用同樣的方法試過,發(fā)現(xiàn)跟@2x差別不大,至少在手機(jī)上看不出模糊。
所以個(gè)人建議,@2x會(huì)好點(diǎn),圖片小,又可以看著不模糊~

2017年10月9日 11:01
編輯回答
北城荒

手機(jī)端2X就夠,pad要說應(yīng)該換成3X的,不過要做適配,我們都是直接用3X的,懶得做適配。

2017年10月12日 00:59