摘要:
約翰·格魯伯:我認為 MobileSafari 不會再逐點對應的渲染圖片,因為新舊 iPhone 之間的像素尺寸極為懸殊。 戴夫·海厄特:大多數設計師仍停留在傳統的思想:CSS 像素即屏幕像素。然而,當我們進入高 DPI 的世界,用戶界面可能被整體放大,一個 CSS 像素會占據多個屏幕像素。 IPHONE 3和 IPHONE 4是最典型的了,圖片或ICON,在IPHONE 3能清晰顯示的時候,IPHONE 4卻會變的很模糊,無奈,只能準備兩套圖了。好在CSS提供的Media屬性,能方便的讓我們識別出不同DPI的設備,并以此來應用不同的樣式。 首先,看看,常見的IPHONE和 閱讀全文
posted @ 2012-10-26 11:46
artwl
閱讀(2841)
評論(0)
推薦(0)
摘要:
本文主要轉自:移動瀏覽器的viewport,部分內容有補充修改。 對于移動web開發,最好了解一下viewport的概念,在quirksmode.org有兩篇文章詳細介紹了它,A tale of two viewport(12),感覺非常好,本來想翻譯的,但這兩篇文章實在太長了,沒耐性,于是抽取了其中重點講viewport的部分,用半翻譯半自己寫的方式寫出來,這也是為了讓自己能夠理解得更好一些。其中CSS像素和設備像素的概念,還有js獲取各種寬高和位置的內容都沒有提及,要想了解得更清楚還是推薦看看那兩篇文章。以下圖片均來自quirksmode.org。桌面瀏覽器 先說說桌面瀏覽器上vi... 閱讀全文
posted @ 2012-10-26 10:56
artwl
閱讀(1008)
評論(0)
推薦(1)
浙公網安備 33010602011771號