国产xxxx99真实实拍_久久不雅视频_高清韩国a级特黄毛片_嗯老师别我我受不了了小说

資訊專欄INFORMATION COLUMN

微信小程序 iphone6 和 iphone6plus 如何設置rpx單位,通俗易懂的方法

SolomonXie / 562人閱讀

摘要:換算在設計圖中,設計圖大小為如果一個寬度為換算所以在微信小程序中,直接填寫即可。是在不同屏幕下可以適配的,所以使用單位只要在一種設計圖下適配,都可以在不同設備大小自己調節大小通過以上例子看出做小程序時,需要設計圖為以手機大小設計方案最佳

pt:屏幕物理像素(屏幕實際寬度像素) px:屏幕分辨率 pt和px關系:iphone6plus
ppi密度高,1pt里有3px,iphone6 1pt里有2px。

iphone6寬度 (物理像素) :375pt,1pt含有2px, 分辨率(設計圖) 750px。
iphone6plus寬度(物理像素):414pt,1pt含有3px,分辨率(設計圖)1252px。

rpx換算

換算公式:750/屏幕實際寬度(pt)

iphone6plus(@3x) px換算rpx:

750/414=1.8115942028985508rpx
在設計圖中,設計圖大小為1252px;
如果一個寬度為30px換算rpx:
30/3*1.8115942028985508=8.115942028985508;
所以在微信小程序中,直接填寫8.115942028985508rpx即可。

iphone6(@2x) px換算 rpx:
750/375=2rpx;
在設計圖中,設計圖大小為750px;
如果一個寬度為30px換算rpx:
30/2*2=30rpx
所以在微信小程序中,直接填寫30rpx即可。

rpx是在不同屏幕下可以適配的,所以使用rpx單位只要在一種設計圖下適配,都可以在不同設備大小自己調節大小
通過以上例子看出做小程序時,需要設計圖為以iphone6手機大小設計方案最佳!!

文章版權歸作者所有,未經允許請勿轉載,若此文章存在違規行為,您可以聯系管理員刪除。

轉載請注明本文地址:http://specialneedsforspecialkids.com/yun/86891.html

相關文章

  • CSS尺寸單位介紹

    摘要:前端開發過程中,尺寸單位是我們必須用到的,下面我們對中常見的幾種尺寸單位進行逐一介紹在這之前,需要先對幾個概念進行普及介紹基本概念以下概念讀起來可能有些晦澀,如果看不懂也沒關系像素它不是自然界的物理長度,指基本原色素及其灰度的基本編碼。 前端開發過程中,尺寸單位是我們必須用到的,下面我們對css中常見的幾種尺寸單位px,em,rem,rpx進行逐一介紹在這之前,需要先對幾個概念進行普及...

    AlanKeene 評論0 收藏0
  • CSS尺寸單位介紹

    摘要:前端開發過程中,尺寸單位是我們必須用到的,下面我們對中常見的幾種尺寸單位進行逐一介紹在這之前,需要先對幾個概念進行普及介紹基本概念以下概念讀起來可能有些晦澀,如果看不懂也沒關系像素它不是自然界的物理長度,指基本原色素及其灰度的基本編碼。 前端開發過程中,尺寸單位是我們必須用到的,下面我們對css中常見的幾種尺寸單位px,em,rem,rpx進行逐一介紹在這之前,需要先對幾個概念進行普及...

    zhaot 評論0 收藏0
  • CSS尺寸單位介紹

    摘要:前端開發過程中,尺寸單位是我們必須用到的,下面我們對中常見的幾種尺寸單位進行逐一介紹在這之前,需要先對幾個概念進行普及介紹基本概念以下概念讀起來可能有些晦澀,如果看不懂也沒關系像素它不是自然界的物理長度,指基本原色素及其灰度的基本編碼。 前端開發過程中,尺寸單位是我們必須用到的,下面我們對css中常見的幾種尺寸單位px,em,rem,rpx進行逐一介紹在這之前,需要先對幾個概念進行普及...

    2shou 評論0 收藏0
  • 理解小程序

    摘要:小程序的布局信息微信小程序中使用作為長度單位,可以根據屏幕寬度進行自適應。運行環境普通都是執行在瀏覽器的宿主環境,瀏覽器提供等對象但是小程序是運行在微信上下文中的,沒有和。 小程序堅持著 無需下載、觸手可及、用完即走的設計理念和價值觀,幫助用戶縮短完成任務的時間。下面從以下幾點進行總結。總結是參考三清水老師的小冊子,推薦大家去購買。寫的很棒。 1. 小程序能做什么,不能做什么? sho...

    dmlllll 評論0 收藏0

發表評論

0條評論

最新活動
閱讀需要支付1元查看
<