我從來沒有這樣做過。我剛建的網站是我所建的第二個網站。有一個主要的容器div和一個標題。我注意到這個簡單的html/css和js站點在移動設備上看起來很糟糕。如何讓我的網站流暢？
當談到使現場液體有任何規則或方法，使其快速和簡單？如果我只是開始將所有設置的像素寬度改爲百分比，那麼這些元素將會相互丟失對齊嗎？例如，根據標題中徽標的位置，使用像素對齊主圖像滑塊中的圖像。
在我開始之前，任何指針都將非常感謝。這裏是網站：www.hauswoods.com
如果你希望你的網站流體只使用百分比而不是像素。
.classname{
width: 80%;
}
一個快速簡便的方法是使用像引導的框架（http://twitter.github.com/bootstrap/）
我敢肯定，一些人們會爭辯說，如果你使用它（因爲它會爲你做很多事情）你不會學習，但我認爲你可以通過實例學習。
Bootstrap使用漸進式增強原理來改進UI，並使用一種叫做Less的方法來使CSS更具通用性（以犧牲一些複雜性爲代價）。不過，你可以使用你喜歡的任何一點。如果你有一個綠地，那麼這是一個開始的好地方。它支持流體佈局，並向您解釋如何在具有較小屏幕的移動設備上降低您的設計。
我建議你看看media queries代替，這將允許您指定有關不同屏幕尺寸的CSS。是的，您可以將您的網站更改爲液體/流體佈局，但使用您當前的內容，讓滑塊和圖像看起來是正確的將是一個令人頭疼的問題。
下面是恕我直言，一些最好的JS-框架/ HTML5的templaters是什麼幫助你正在努力實現。不需要重新發明輪子。
感謝。我的擔憂雖然失去了與其他因素有關的定位。當前像素寬度可以根據網站上的其他元素排列各種元素。如果只有一段代碼可以縮放整個文檔的代碼 – 2012-03-19 15:04:04