viewport詳解(專業(yè)版)
【正文】 但是看起來左邊的紅色塊明顯大于右邊，因?yàn)樽筮叺脑O(shè)備大啊，雖然兩者都是分成 360份，但是明顯左邊的 1份比右邊的 1份大。height100%。一個(gè)按鈕給了 44*44dp的大小，在 160dpi密度的時(shí)候，按鈕就是 44*44px大小；在 320dpi密度的時(shí)候，按鈕就是 88*88px的大小。比如 iphone4是 ， iphone6是 、 iphone6P是 。 相對(duì)長度單位：是網(wǎng)頁設(shè)計(jì)中使用最多的長度單位，包括 px、em、 rem等。 ppi、 dpi、 dp、 dip、 sp、 px？ 在 Android中，規(guī)定以 160dpi為基準(zhǔn)， 1dp=1px。 部分機(jī)型默認(rèn) viewport大小： Viewport 我們可能會(huì)這樣設(shè)置 viewport： 每個(gè)設(shè)置對(duì)應(yīng)的是： Viewport 是否添加 Viewport對(duì)比 Viewport 上圖的樣式怎么寫的，為什么會(huì)有如此大的差距呢？ 怎么寫的：這個(gè)頁面背景圖是作為背景給了 backgroundsize:100%。 頁面里的紅色塊給的是 200*200px，在幾個(gè)設(shè)備看起來好像差不多大的樣子?，F(xiàn)在在慢慢轉(zhuǎn)向 750，因?yàn)?iPhone升級(jí)成 6了。不同設(shè)置下，方格的大小不一樣。 px：就是通常所說的像素，使網(wǎng)頁設(shè)計(jì)中使用最多的長度單位。（這里的 1像素值得是物理設(shè)備的 1個(gè)像素點(diǎn)） 屏幕像素密度：屏幕上每英寸可以顯示的像素點(diǎn)的數(shù)量，單位是ppi，即 “pixels per inch”的縮寫。 pc也是印刷上用的單位， 1pc的長度為 12磅。當(dāng) dpi的概念用在計(jì)算機(jī)屏幕上時(shí)，就稱之為 ppi。而這個(gè)系數(shù)就是上圖的 1x、 2x、 3x…… 這個(gè)系數(shù)怎么來？是依靠分辨率和屏幕尺寸計(jì)算到的屏幕像素密度，再看屏幕像素
教學(xué)教案相關(guān)推薦
鄂ICP備17016276號(hào)-1