2014-07-07 38 views
-1

我已經使用Dreamweaver創建了一個站點,並且我的所有圖片都具有%指標的絕對位置。它會在更大的屏幕上按比例擴展,但每次我嘗試調整大小並縮小瀏覽器窗口時,它都會變得亂七八糟,所有圖像都會在一個狹窄的窗口中倒下。我如何重建我的設計,使其在瀏覽器窗口中縮小,當它對於一個元素來說太小時,它就不適合。我是否必須使用固定位置或任何其他類型的位置?網頁設計師做這些網站的常用方式是什麼? P.S.我的網站包含文本和絕對。圖像以及與屏幕一起滾動的固定圖像。我應該如何保持這種方式,但在所有屏幕尺寸中都能夠看到正確的視圖?在CSS中定位

+0

不,您必須將其廢棄並在沒有Dreamweaver的情況下重新開始。生成的代碼是最糟糕的一種代碼。 – MightyPork

+0

我建議你先從你的移動設計/佈局開始,然後通過在不同明智的中斷點(平板電腦,筆記本電腦屏幕,桌面顯示器等)間隔你的元素和/或使用媒體查詢添加更多內容來擴大規模。 – TylerH

+0

看起來像你試圖添加移動響應一些舊的網站,並沒有設計成這樣的方式在第一個地方..在這些情況下,你最好重新開始,因爲你問如何。 – vico

回答

0

使用媒體查詢或在正文或正在討論的元素上放置最小寬度。例如,在身體上放置最小寬度:900px將會阻止整個身體在900px寬度以下重新調整大小。 (注意:這不是響應式的做事方式,媒體查詢是一種更好的做法)