成人国产在线小视频_日韩寡妇人妻调教在线播放_色成人www永久在线观看_2018国产精品久久_亚洲欧美高清在线30p_亚洲少妇综合一区_黄色在线播放国产_亚洲另类技巧小说校园_国产主播xx日韩_a级毛片在线免费

資訊專欄INFORMATION COLUMN

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

SolomonXie / 595人閱讀

摘要：換算在設(shè)計(jì)圖中，設(shè)計(jì)圖大小為如果一個(gè)寬度為換算所以在微信小程序中，直接填寫即可。是在不同屏幕下可以適配的，所以使用單位只要在一種設(shè)計(jì)圖下適配，都可以在不同設(shè)備大小自己調(diào)節(jié)大小通過以上例子看出做小程序時(shí)，需要設(shè)計(jì)圖為以手機(jī)大小設(shè)計(jì)方案最佳

pt:屏幕物理像素（屏幕實(shí)際寬度像素） px:屏幕分辨率 pt和px關(guān)系：iphone6plus
ppi密度高，1pt里有3px，iphone6 1pt里有2px。


iphone6寬度  （物理像素）  ：375pt，1pt含有2px， 分辨率（設(shè)計(jì)圖） 750px。 
iphone6plus寬度（物理像素）：414pt，1pt含有3px，分辨率（設(shè)計(jì)圖）1252px。

rpx換算：

換算公式：750/屏幕實(shí)際寬度（pt）

iphone6plus（@3x） px換算rpx:

750/414=1.8115942028985508rpx
在設(shè)計(jì)圖中，設(shè)計(jì)圖大小為1252px;
如果一個(gè)寬度為30px換算rpx：
30/3*1.8115942028985508=8.115942028985508;
所以在微信小程序中，直接填寫8.115942028985508rpx即可。

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

rpx是在不同屏幕下可以適配的，所以使用rpx單位只要在一種設(shè)計(jì)圖下適配，都可以在不同設(shè)備大小自己調(diào)節(jié)大小
通過以上例子看出做小程序時(shí)，需要設(shè)計(jì)圖為以iphone6手機(jī)大小設(shè)計(jì)方案最佳??！

文章版權(quán)歸作者所有，未經(jīng)允許請(qǐng)勿轉(zhuǎn)載,若此文章存在違規(guī)行為，您可以聯(lián)系管理員刪除。

轉(zhuǎn)載請(qǐng)注明本文地址：http://systransis.cn/yun/86891.html

相關(guān)文章

  • CSS尺寸單位介紹

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

    AlanKeene 評(píng)論0 收藏0

  • CSS尺寸單位介紹

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

    zhaot 評(píng)論0 收藏0

  • CSS尺寸單位介紹

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

    2shou 評(píng)論0 收藏0

  • 理解小程序

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

    dmlllll 評(píng)論0 收藏0

發(fā)表評(píng)論

0條評(píng)論

閱讀需要支付1元查看
<