移動端螢幕高度計算表

2022-05-04 22:36:06 字數 414 閱讀 7657

今天終於有機會做了乙個移動端頁面,和機型測試,效果的幾個頁面都要在手機單屏顯示,然後...這麼多不同機型的除錯就開始了(哭):

下面是幾個主流尺寸(或許吧)的計算,通過螢幕截圖的方式計算的,其實我也很奇怪嗚嗚~~

先來一張截圖說明一下什麼是系統預設頭部(我喜歡怎麼說就怎麼說吧),螢幕截圖質量不甚好,ps測量大概咯,能說明問題即可。

(iphone 4螢幕截圖:)

iphone 4:

device pixel ratio(裝置畫素比):2

iphone 5s:

device pixel ratio:2

iphone 6:

device pixel ratio:2

iphone 6 plus:

device pixel ratio:3

結論:

跨域iframe高度計算

一 同域獲取iframe內容 這裡有兩個細節 1.取iframe內的文件物件,標準瀏覽器使用 contentdocument屬性,ie低版本 ie6,7,8 使用 document屬性。2.calcpageheight函式計算頁面的實際高度,標準瀏覽器使用document.documenteleme...

網頁高度計算方法

對於document.compatmode,很多朋友可能都根我一樣很少接觸,知道他的存在卻不清楚他的用途。今天在ext中看到 document.compatmode的使用,感覺這個對於我們開發相容性的web頁面還是很有幫助,我們都知道,ie對盒模型的渲染在 standards mode和quirks...

iOS中的長文字高度計算

很多的時候如果只是要顯示一些簡單的短文本,比如確定 取消什麼的,乙個uilabel就足夠了。但是某些情況下,文字較長。包含這些文字的view的高度取決於文字的高度。比如我們常見的 微博。雖然文字所佔的高度內容限制在了140字,但是使用者發的微博是140字內的多少字,我們不清楚。那麼在用到uitabl...