哪個工具可以用來設計強大的網頁？

Question

最近幾周我一直在做web開發，除了設計部分外，我認爲web開發很好。最令人困惑的事情之一是屏幕尺寸。

在Java和許多其他語言中，如果將元素設置爲特定位置，則無論屏幕大小如何，它都會停留在那裏。

但是，我發現在網頁中，如果我使用CSS和HTML將某些東西放在某處，結果顯示它適合我的屏幕（但只能在我的屏幕中...）和其他屏幕尺寸的位置關閉。

我有兩個<div>，wrap和content，在我的屏幕上看起來像這樣：

|[  [  ]  ]| 

更高的屏幕尺寸檢查，這看起來是這樣的：

|[ [  ]    ]| 

在較小的屏幕尺寸發生這種情況：

|[ [    | ]   ] 

有沒有像所見即所得的編輯器，我們可以拖動我們的組件，並使其適合任何瀏覽器和屏幕大小？

我已經試過：

• 集錦
• Dreamweaver中
• Komposer

，我仍然得到了最好的結果編碼手工用記事本++

請賜教用一塊軟件，一本書或一個魔術。

Answer 1

所見即所得=邪惡，因爲大部分是WYSIMNWYG - 你看到的大多不是你所得到的，也是大多數這些編輯器的代碼真的很可怕。

而是嘗試一個佈局框架（如960或Twitter Bootstrap - 只是示例，還有很多其他），以避免很多麻煩。 Skeleton可能也適合你，它是用來創建響應式佈局（你所描述的問題）。或者，您可能想嘗試LESS或SASS，這大大擴展了您編寫css的可能性。

我也用N ++手寫了我所有的代碼。