小程序滾動圖尺寸多大?
關于rpx的概念,其他人說了,我就不重復了。
你在設計稿件中可以把圖片做成750px寬,而高度,我建議你做成1600,然后掐頭去尾留1400高度作為畫布的高度。并且要求考慮到屏幕變長變短后UI是否可以適應。(這個和設計自適應網頁一致)
為什么要這樣做?
不同手機高度是不相同的。當然寬度也不相同,但是小程序給了你一種機制rpx,可以把屏幕寬度確定在750rpx,那么只要考慮高度上適應。
做到含系統UI1600的話,差不多是小屏幕和大屏幕的折中。那么你在這個基礎上調整,能夠比較方便。
如UI要考慮到橫屏?
那這個時候就很不一樣了喔,要把高寬思維調過來。
如果內容圖片要支持高清?
那么你設計UI的時候,按照750px屏寬做可以的。
但是在處理內容圖片的時候可以再翻大一倍。代價就是圖片變大了。這個權衡好了再定。如果一個界面一下子打開一百個內容的列表,一口氣要加載十幾m圖片,那體驗也會糟糕。
如果不是設計,是開發定義css怎么辦?
和其他人不同,我不建議用750rpx定義。如果需要橫向盛滿,那么應該用100%,或者更酷的100vw。
如果是UI元素的,用em,rem。這些都是CSS原生的概念。和一個像素被智能切成了多少個像素沒關系。
這樣就可以延續更加成熟的CSS框架思想
上一篇什么是背景色屬性