2012-03-07 64 views
0

我正在嘗試改編我的手機網站,現在我很迷失方向。手機設計

我有2個測試頁面,t3.html和t4.html。

沒有頁眉和頁腳的第一個(t3)似乎適合在真正的iPhone和HTC屏幕上顯示寬度,但不適用於Samsung Galaxy或HTC的Opera Mobile模擬器,也不適用於我的iPhone(?3?)模擬器。

帶有頁眉和頁腳(這是我真正想要的)的第二個(t4)使頁眉和頁腳變得很寬,併爲主要內容保留了一個狹窄的形式和細小的字體,這發生在真正的iPhone ,HTC和我的Opera Mobile Emulator中,而不是在我的Iphone(3?)模擬器中。

事情是,如果我沒有忘記任何,沒有任何寬度屬性設置(窗體輸入和標籤,這是接近200像素寬度除外),所以所有div應跨越設備的屏幕寬度,或那就是我所想的。

的例子是: http://s380890671.mialojamiento.es/mobile/t3.html http://s380890671.mialojamiento.es/mobile/t4.html

我的目標是全部的寄託都適合手機屏幕的寬度。你能幫我或指點我一本好的最新的移動設計文章嗎?我發現的是幾歲。

謝謝

+0

你爲什麼不嘗試jquerymobile(HTTP: //www.jquerymobile.com)? – pkachhia 2012-03-07 10:06:37

+0

什麼?我讀到的是它是jQuery的一個子集,但我沒有閱讀有關設計的任何關於 – 2012-03-07 10:15:13

+0

只需訪問該網站並查看示例,就可以使用PHP等任何腳本語言構建該網站。也查看這個http://jquerymobile.com/resources/ – pkachhia 2012-03-07 10:19:20

回答