?

UI：手機(jī)的用戶界面 UI物理版：手機(jī)實(shí)際的屏幕像素 UI設(shè)計(jì)版：我們截屏的手機(jī)界面在ps中去量，發(fā)現(xiàn)的尺寸 UI放大版：手機(jī)的尺寸等比放大1.5倍得出的分辨率 響應(yīng)式布局 原由：窗體縮小時(shí)圖片和文字會(huì)出現(xiàn)不完整的情況，優(yōu)化有限 媒體查詢（媒介查詢） 相應(yīng)思布局的三要素：（1）流動(dòng)網(wǎng)格，（2）彈性圖片 （3）媒介查詢 三個(gè)不同的概念：（1）自適應(yīng)布局 （2）彈性布局 （3）響應(yīng)式布局 三個(gè)不同單位：（1）px ?（2）em ?相對(duì)長(zhǎng)度單位 ?>1.相對(duì)參照物為父元素的font-size ， >2.具有繼承的特點(diǎn)，當(dāng)沒有設(shè)置font-size時(shí)，瀏覽器會(huì)有一個(gè)默認(rèn)的em設(shè)置：1em = 16px；容易混亂 （3）rem的相對(duì)參照物為根元素html，相對(duì)于參照物固定不變所以比較好計(jì)算 >1.當(dāng)沒有設(shè)置font-size時(shí)，瀏覽器會(huì)有一個(gè)默認(rèn)的rem >2.設(shè)置：1rem = 16px， 這點(diǎn)與em是一致的 >3.font-size:62.5%? 1rem = 10px （10/16*100%） >4.font-size:100%? 1rem = 16px 缺點(diǎn):有些瀏覽器不兼容，ie8和以下不兼容 實(shí)現(xiàn)兼容ie8瀏覽器的方法:再寫一句代碼：font-size:16px;

轉(zhuǎn)載于:https://www.cnblogs.com/yyxh/p/9002448.html

總結(jié)

以上是生活随笔為你收集整理的移动开发-UI设计的全部?jī)?nèi)容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網(wǎng)站內(nèi)容還不錯(cuò)，歡迎將生活随笔推薦給好友。