哪个工具可以用来设计强大的网页？

Question

最近几周我一直在做web开发，除了设计部分外，我认为web开发很好。最令人困惑的事情之一是屏幕尺寸。

在Java和许多其他语言中，如果将元素设置为特定位置，则无论屏幕大小如何，它都会停留在那里。

但是，我发现在网页中，如果我使用CSS和HTML将某些东西放在某处，结果显示它适合我的屏幕（但只能在我的屏幕中...）和其他屏幕尺寸的位置关闭。

我有两个<div>，wrap和content，在我的屏幕上看起来像这样：

|[  [  ]  ]| 

更高的屏幕尺寸检查，这看起来是这样的：

|[ [  ]    ]| 

在较小的屏幕尺寸发生这种情况：

|[ [    | ]   ] 

有没有像所见即所得的编辑器，我们可以拖动我们的组件，并使其适合任何浏览器和屏幕大小？

我已经试过：

• 集锦
• Dreamweaver中
• Komposer

，我仍然得到了最好的结果编码手工用记事本++

请赐教用一块软件，一本书或一个魔术。

Answer 1

所见即所得=邪恶，因为大部分是WYSIMNWYG - 你看到的大多不是你所得到的，也是大多数这些编辑器的代码真的很可怕。

而是尝试一个布局框架（如960或Twitter Bootstrap - 只是示例，还有很多其他），以避免很多麻烦。 Skeleton可能也适合你，它是用来创建响应式布局（你所描述的问题）。或者，您可能想尝试LESS或SASS，这大大扩展了您编写css的可能性。

我也用N ++手写了我所有的代码。