我是網絡開發新手。可怕的數學以及移動設備上的css網頁設計
我想知道像素是如何從一個屏幕尺寸翻譯成另一個網頁。舉例來說,我指定 margin-left:50px;
,如果我在我的iPad的WebView加載該網頁,我測量它(用尺子軟件,在PX)這的確是50px的 如果我在我的桌面瀏覽器加載該網頁,它的確是50px的 但當負載這個網頁在我的iPhone的Web視圖(這需要整個iPhone屏幕),它被測量爲40px,而不是我指定的50。
- 當然iphone屏幕比較小,需要做一些縮放我猜..?是對的嗎?
- 這個轉換是如何完成的?過程是什麼?有沒有一些公式?
- 這對設計師來說意味着什麼?我如何知道我應該分配的正確大小,所以佈局不會在所有屏幕上都打破?
- 我通常先在大屏幕上編碼,然後看它如何在小屏幕上運行。這是正確的做法。
我要爲#2的好,大的答案,可以有人幫
採取我認爲你只是exagerating的事實,向_new Web開發。可怕的數學,它不是一個火箭科學。相信自己。據我所知1,4是正確的。 3)如果你對佈局使用jQuery Mobile來渲染你的網頁非常特別(它對瀏覽器和移動瀏覽器來說也是一樣)。 – uday 2012-03-23 17:22:44