微信小程序界面設計稿/效果圖尺寸是多少?這是不少想開發小程序的朋友比較關心的問題,接下來,IT工作室創始人王晴兒根據多年的從業經驗,跟大家談談這塊!
rpx單位是微信小程序中css的尺寸單位的,rpx可以根據屏幕寬度進行自适應。規定屏幕寬為750rpx。如在iPhone6上,屏幕寬度為375px,共有750個物理像素,則750rpx=375px=750物理像素,1rpx=0.5px=1物理像素。
設備
rpx換算px
(屏幕寬度/750)
px換算rpx
(750/屏幕寬度)
iPhone5
1rpx=0.42px
1px=2.34rpx
iPhone6
1rpx=0.5px
1px=2rpx
iPhone6s
1rpx=0.552px
1px=1.81rpx
微信小程序也支持rem尺寸單位,rem和rpx的換算關系:rem:
規定屏幕寬度為20rem;1rem=(750/20)rpx
注:開發微信小程序時設計師可以用iPhone6作為視覺稿的标準。
建議:設計稿使用設備寬度750px比較容易計算750px的話1rpx=1px,這樣的話,設計圖上量出來的尺寸是多少px就是多少rpx,至于在不同的設備上實際上要換算成多少個rem就交給小程序自己換算。
以上就是王晴兒整理和分享的文章内容,由于自己從事互聯網設計開發已經七八個年頭了,所以自然深知企業互聯網營銷開展的重要性。既然您來到這裡,看完了我分享的文章,那就是一種緣分,也是一種說不出的緣分。如果說得不好之處,歡迎各位拍磚與指正,有任何互聯網設計開發方面的問題,都可以與王晴兒一起交流探讨,雖然從業八年,但不忘初心,一直相信越努力越幸運這句話,而且我本人也喜歡結交各行各業的朋友,謝謝!
說點題外話,王晴兒分享和整理了一段最近的感悟,希望能讓大家有所啟發:人生如夢,歲月無情。蓦然回首,才發現人活着是一種心情。窮也好,富也好,得也好,失也好。一切都是過眼雲煙。想想,不管昨天、今天、明天,能豁然開朗就是美好的一天。
當然您覺得文章有價值、或關注分享感謝什麼的,也順手點個贊哈——以文章價值為橋梁,「點贊」:使「您的價值」得以延伸并持續留香……
文章來源:王晴兒網頁設計博客 歡迎分享交流,一起進步,謝謝!
,更多精彩资讯请关注tft每日頭條,我们将持续为您更新最新资讯!