鍍金池/ 問答/HTML/ 如何適配ionic1的手機(jī)端屏幕?

如何適配ionic1的手機(jī)端屏幕?

因?yàn)樘厥庠颍@個(gè)項(xiàng)目還是使用ionic1來進(jìn)行編程,如何適配各種尺寸的手機(jī)屏幕,使用em還是rem?
如果是更高級(jí)版本的ionic,有自帶的方法進(jìn)行適配嗎?

回答
編輯回答
風(fēng)畔

沒有,所以你得自己寫適配的功能。比較推薦使用vw來進(jìn)行適配。scss端的代碼如下:,輸入設(shè)計(jì)稿中的寬高,可以直接算出來在真機(jī)上的寬高。假設(shè)設(shè)計(jì)稿的寬度為720;可以看下我的小項(xiàng)目:hw-basic

$screen_width=720;
@function rem(width){
@return (width/$screen_width)*100vw
}

2017年4月24日 07:30