?

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

轉載于:https://www.cnblogs.com/yyxh/p/9002448.html

總結

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

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。