<s id="z8ggw"><dfn id="z8ggw"></dfn></s>
<s id="z8ggw"></s>

<span id="z8ggw"><u id="z8ggw"></u></span>
  • <s id="z8ggw"></s>
    <u id="z8ggw"></u><s id="z8ggw"><dfn id="z8ggw"></dfn></s><dfn id="z8ggw"></dfn>
  • CSS中的px與移動設備中的px

    • 2022-07-27 21:30:19
    • 閱讀次數:
    • 作者:盈嵐科技小編
    • 來源:http://www.bibiworld.net

    CSS中的1px 并不等于設備的1像素。我們使用Axure 生成的原型是由HTML+CSS+JavaScript 構成的。在CSS中,通常使用px(pixel的縮寫,即像素)作為單位,在桌面瀏覽器中,CSS的1px往往都是對應著電腦屏幕的一個物理像素,這就是造成我們產生誤解的原因:CSS中的px就是設備的物理像素。但實際情況并非如此,CSS中的像素只是一個抽象的單位,在不同的設備或不同的環境中,CSS中的1px 所代表的設備物理像素是不同的。在為桌面瀏覽器設計的網頁中,這樣理解是正確的,但在移動設備上并非如此,各位讀者必須清楚這一點。在較早期的移動設備中,屏幕的像素密度都比較低,比如iPhone3,它的屏幕分辨率是320×480像素。在iPhone3上,CSS中1px確實是等于一個屏幕物理像素的。但是隨著技術的發展,移動設備的屏幕像素密度越來越高,從iPhone4開始,蘋果公司便推出了Retina 屏幕,分辨率提高了一倍,變成640×960像素,但屏幕尺寸卻沒變化(在大家使用iPhone4截取屏幕時就能深切體會到這一點,屏幕截圖尺寸是640×960像素,截圖的尺寸比視覺上看到的屏幕尺寸大出了一倍)。也就是說,在同樣大小的屏幕上,像素卻高出了一倍。此時, CSS中1px就等于兩個物理像素。

    其他品牌的移動設備也是這個道理。例如,安卓設備根據屏幕像素密度可分為ldpi、mdpi、hdpi、xhdpi 等不同的等級,分辨率也是五花八門。安卓設備上的CSS中1px相當于多少個屏幕物理像素,也因設備的不同而不同,沒有一個標準。

    還有一個因素,昆明網站制作小編認為也會引起CSS中px的變化,那就是用戶縮放。例如,當用戶把頁面放大一倍,那么CSS中1px 所代表的物理像素也會增加一倍;反之把頁面縮小一倍,CSS中1px 所代表的物理像素也會減少一倍。

    看到這里,相信大家心中的謎團已經解開了。大家根據本節內容的講解也可以深入理解“包含視圖接口標記”(Include Viewport Tag)是何含義了。

    關于移動設備中Viewport的專業文獻,各位讀者可參考PPK的文章,受篇幅所限,這里不再贅述,請參考網址:http://www.quirksmode.org/。

    為了方便各位讀者更加清晰、便捷地設計適用于不同屏幕尺寸的APP 原型,昆明網站建設小編在附錄中列出了APP 原型尺寸速查表。


    當前文章標題:CSS中的px與移動設備中的px

    當前URL:http://www.bibiworld.net/news/wzzz/3546.html

    上一篇:Viewport概述

    下一篇:在真實的移動設備中預覽原型的第一步

    網站建設、抖音推廣、頭條推廣、微信朋友圈推廣、快手推廣專線:15368242187(微信同號)
    美女隐私免费网站,美女隐私全部免费网站,美女隐私网站免费看视频,美女隐私网站免费视频,美女隐私无遮挡网站视频,国产最大精品免费AV电影网站,国产最爽的乱婬视频,国产最爽的乱婬视频a,国产最新97超级碰碰碰碰碰久,国产最新99精品视频,巨胸流奶水视频www冈,巨胸美女露双奶头无圣光,巨胸喷奶水视频WWW,俱乐部换娇妻大杂交,剧情原创AV影视,人人操人人爽人人喊,人人操人人爽人人贱,人人操人人爽人人噜,人人操人人爽人人摸,人人操人人爽人人透,一圾黄色片一区二区_一个中国一级黄片儿_一个色综合高清在线观看,一女4p三黑人免费视频_一男一女真人免费A片_一男一女无遮掩一级毛片,一级婬片A级中文字幕_一级淫录像一区二区_一级一人片日本一级一大片,91九色国产社区在线观看,91九色蝌蚪熟女,91九色老熟女免费资源站,91九色私密保健,91九色自拍视频,一本高清无码dvd在线播放_一本高清码二区三区网站_一本高清码二区三区不卡。