資訊專欄INFORMATION COLUMN
摘要：屏幕分辨率是指一塊屏幕中畫面水平方向的像素值畫面垂直方向的像素值。圖像分辨率是指每英寸圖像內(nèi)的像素點(diǎn)數(shù)。圖像分辨率是有單位的，叫像素每英寸。設(shè)備像素可能不相同物理像素不會(huì)改變，單位是。及英寸，而英寸等于厘米舉個(gè)
viewport是什么
移動(dòng)端中，分為兩個(gè)視口：
layout viewport 布局視口: 視口的分辨率接近于PC顯示器,也就是html的寬度接近于pc端的寬度。
visual viewport 視覺視口: 手機(jī)的物理可視窗口,不借助滾動(dòng)條所看到的內(nèi)容。
移動(dòng)設(shè)備的viewport默認(rèn)是layout viewport
可以這兩理解，有一個(gè)圖片(layout viewport)，寬度是：1090 1090，有一個(gè)畫框(visual viewport)，寬度是：320 460，用戶通過畫框來看畫。當(dāng)layout viewport與visual viewport完全一致時(shí)，用戶通過畫框看到的就是整個(gè)畫。如果layout viewport較大，用戶需要通過移動(dòng)畫框來查看畫面內(nèi)容。
viewport是meta中的一個(gè)值，通過設(shè)置viewport，可以控制瀏覽器如何規(guī)范的渲染W(wǎng)eb頁面
要把當(dāng)前的viewport寬度設(shè)為ideal viewport的寬度，既可以設(shè)置 width=device-width，也可以設(shè)置 initial-scale=1，如果initial-scale和viewport有沖突，瀏覽器會(huì)取比較大的值。
viewport值:
| name | value | Description |
|---|---|---|
| width | 正整數(shù)或device-width | 定義視口(layout viewport)的寬度，單位為像素, |
| height | 正整數(shù)或device-height | 定義視口的高度，單位為像素 |
| initial-scale | [0.0-10.0] | 定義初始縮放值 |
| minimum-scale | [0.0-10.0] | 定義縮小最小比例，它必須小于或等于maximum-scale設(shè)置 |
| maximum-scale | [0.0-10.0] | 定義放大最大比例，它必須大于或等于minimum-scale設(shè)置 |
| user-scalable | yes/no | 允許用戶手動(dòng)縮放頁面，默認(rèn)是yes |
以上所說的寬度，其實(shí)是分辨率
什么是分辨率像素：每張圖片都是由色點(diǎn)組成的，每個(gè)色點(diǎn)稱為一個(gè)像素。
屏幕分辨率：是指一塊屏幕中畫面水平方向的像素值 * 畫面垂直方向的像素值。
圖像分辨率: 是指每英寸圖像內(nèi)的像素點(diǎn)數(shù)。圖像分辨率是有單位的，叫 像素每英寸。
設(shè)備像素：device pixel屏幕上的像素。是物理像素。 設(shè)備像素可能不相同
物理像素不會(huì)改變，單位是pt。
1pt = 1/72(inch),inch及英寸，而1英寸等于2.54厘米
舉個(gè)
文章版權(quán)歸作者所有，未經(jīng)允許請(qǐng)勿轉(zhuǎn)載,若此文章存在違規(guī)行為，您可以聯(lián)系管理員刪除。
轉(zhuǎn)載請(qǐng)注明本文地址：http://m.specialneedsforspecialkids.com/yun/117560.html
摘要：高度模型淺識(shí)為的簡(jiǎn)寫，簡(jiǎn)稱為塊級(jí)格式化上下文，為瀏覽器渲染某一區(qū)域的機(jī)制，中只有和中還增加了和。并非所有的布局都會(huì)在開發(fā)中使用，但是其中也會(huì)涉及一些知識(shí)點(diǎn)。然而在不同的純制作各種圖形純制作各種圖形多圖預(yù)警 一勞永逸的搞定 flex 布局 尋根溯源話布局 一切都始于這樣一個(gè)問題：怎樣通過 CSS 簡(jiǎn)單而優(yōu)雅的實(shí)現(xiàn)水平、垂直同時(shí)居中。記得剛開始學(xué)習(xí) CSS 的時(shí)候，看到 float 屬性不...
摘要：此外，跟蹤尚未延遲加載的元素?cái)?shù)量，以及取消綁定滾動(dòng)事件處理程序的繁瑣工作將由開發(fā)者來完成。圖像延遲加載列表圖順序加載的組件已經(jīng)開源啦有興趣的同學(xué)可以查看使用起來非常簡(jiǎn)單圖片延時(shí)加載十分重要，尤其是對(duì)于移動(dòng)端用戶。 從理論上來看，圖像延遲加載機(jī)制十分簡(jiǎn)單，但實(shí)際上卻有很多需要注意的細(xì)節(jié)。 此外，有多個(gè)不同的用例均受益于延遲加載。 首先，我們來了解一下在 HTML 中延遲加載內(nèi)聯(lián)圖像。 延遲加載...
摘要：首先舉個(gè)例子，的像素分辨率為英寸。像素密度定義代表的就是像素密度指的是每英寸的長(zhǎng)度上排列的像素點(diǎn)數(shù)量。物理尺寸如圖可以知道，英寸也就指的是屏幕對(duì)角線的物理長(zhǎng)度。英寸是一個(gè)固定長(zhǎng)度，等于厘米。顯示效果如下如圖看出顯示要比清晰的多。 首先舉個(gè)例子，iphone6s的像素分辨率為1334x750,326ppi,4.7英寸。如圖下面我們一個(gè)一個(gè)來解釋。showImg(https://segme...
閱讀 3219·2021-11-12 10:36
閱讀 1288·2019-08-30 15:56
閱讀 2449·2019-08-30 11:26
閱讀 559·2019-08-29 13:00
閱讀 3616·2019-08-28 18:08
閱讀 2755·2019-08-26 17:18
閱讀 1907·2019-08-26 13:26
閱讀 2438·2019-08-26 11:39
