關於屏幕分辨率與圖標放大尺寸以及網頁分辨率的一些測試

Image resolution,臺灣譯爲“解析度”,香港譯爲“解像度”,中國大陸譯爲“分辨率”,泛指量測或顯示系統對細節的分辨能力。此概念可以用時間、空間等領域的量測。日常用語中之分辨率多用於視頻的清晰度。分辨率越高代表視頻質量越好,越能表現出更多的細節;但相對的,因爲紀錄的信息越多,文件也就會越大。個人電腦裏的視頻,可以使用視頻處理軟件(例如Adobe Photoshop、PhotoImpact)調整大小、編輯照片等。

瀏覽器使用的是三星曲面電視。
瀏覽器分辨率:3840*2160
在圖標字體原放大尺寸(1)下,圖標就是和我們筆記本上顯示是一樣大的,大概50px*50px。瀏覽器的尺寸是隨分辨率變化的。

    <div id="test" style="width:3800px;height:2000px;"></div>

設置爲此尺寸是可以正常顯示的。
接下來我們把圖標字體放大到2倍,可以看到所有窗口都變大了,我們的網頁只能顯示一部分了。
這裏寫圖片描述
9磅微軟雅黑,每英寸96像素。

這裏寫圖片描述
9磅微軟雅黑,每英寸192像素。

可見這種放大,是指每個圖標所佔像素變成以前的二倍。
這時候,我們網頁上的DIV的長寬也放大了二倍,所佔像素變成以前的二倍。

結論就是,此像素非彼像素。因此我們做大屏時,要注意放大比例所帶來的顯示比例的問題。網頁自適應問題會繼續研究。

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章