2013-01-15 104 views
0

當談到網站設計時,我是一個完全的新手,但他的任務是設計一個學術會議的網站。我想設計一個功能性網站,我瞭解它背後的代碼。我已經設法做到了,但現在在智能手機上查看時遇到了問題。當我檢查網上模擬器如brick and mobile似乎工作正常。但是,當我的智能手機的同事嘗試查看它時,主要內容區域將不會滾動。有誰知道解決這個問題的方法。的URL網址是:在智能手機上滾動的網站

Conference Website

編輯:這個問題似乎是Android手機。如果放大一點點,則可以繼續滾動,如果移動到縱向視圖而非橫向視圖,則很好,但不會在Android上的橫向視圖上滾動。

+0

頁面內容在我的iPhone上滾動。但是,該網站不適合在移動設備上觀看。我會考慮檢測設備並將其重定向到移動版本,或者採用響應式網頁設計技術。雖然這一切都需要時間和精力! –

+1

在我的iPhone上也能正常工作。看起來您正在使用框架,這可能會導致其他設備上的界面問題?一般來說,幀的使用是不被接受的,如果可能的話,你會想避免使用它。 – David

+0

感謝您的快速響應。我知道觀看並不是最佳的。但是,只要它是可見的,我很高興(大多數人會在PC或Mac上查看它。問題似乎在編輯中描述的android手機上。 –

回答

1

您可能想要嘗試將視口元添加到您的標題,確保每個設備都以最佳寬度看到您的網站(這消除了用戶不得不在大多數移動設備上放大)。

您可以在下面的文章中,可以找到一些這方面的好信息:http://www.html5rocks.com/en/mobile/mobifying/

有與上一個三星Galaxy S2的網站一些縮放問題。這主要與您的菜單有關,該菜單設置爲21%。

此外,您將很多元素的高度設置爲100%。你也可以考慮一下。

+0

感謝您的建議。我現在選擇了網站的移動版本略有不同的風格,使事情變得更簡單。 –

相關問題