2012-03-24 82 views
0

我最近創建了一個網站:www.hauswoods.com流體佈局 - 保存佈局

該網站看起來罰款標準的屏幕上,但在移動設備上是可怕的。我試圖通過將寬度更改爲%來將網站調整爲流體,但隨後佈局擰緊。

如果有人是一種足以看看兩者在移動設備和標準屏幕上的現場很清楚我有我試圖解決兩個不同的問題:

1)導航 - 我必須儘量保持導航,因爲在移動設備上它出現兩次高和寬度不調整以適應屏幕。

2)的HTML文檔的內容是表示保持部的div具有兩個元素:浮動到右段落和圖像元素。在手機上,似乎沒有填充或邊距,就像邊緣被切斷 - 基本上佈局真的在移動設備上搞砸了,我不知道從哪裏開始。

+0

你能告訴什麼是你的移動設備?我剛剛在Android上檢查了Dolphin Browser和Opera。在第一個頁面看起來相當不錯(只是背景的一些小問題,但這是因爲屏幕縱橫比)。在第二個動畫畫廊腳本未能加載導致一些混亂,但其餘並不那麼糟糕。 無論如何,我會推薦單獨的移動設備的CSS。 – DzikiMarian 2012-03-24 15:33:00

+0

感謝您的關注。我正在用iphone和ipad瀏覽網站。我知道某些代碼不適用於所有的瀏覽器,但是,嘗試使用我知道的html5和css3功能不適用於所有瀏覽器。我也是一個新手,我懷疑是顯而易見的。是的,我很可能會在不久的將來爲移動設備創建一個單獨的樣式表,但是如果能夠讓網站在小屏幕上同時顯示出來 – 2012-03-24 15:37:44

回答

0

親愛的道格冷卻你做這個網站在手機上分離的CSS,但它不是一個很好的技術,你必須使用html5流體模板爲你的網站,然後你永遠不需要爲你的web.u分離設計可以使一個CSS然後兼容手機以及電腦和平板電腦也