Html 我的布局在浏览器中与在Visual Studio中看起来不同

我正在使用VisualStudio2008开发一个网站，作为我项目的一部分。在运行时，一些文本框和按钮的大小与设计时不同，它们看起来更长更大

---

在设计期间放置各种控件时，我也会遇到问题，因为在运行时，它们会出现在网站的不同位置

VisualStudio中的设计时HTML预览非常糟糕，看起来从来不像最终产品。我会避免使用它

在VisualStudio中设计布局的最佳解决方案是在编辑器中对HTML和CSS进行编码，以获得总体布局。然后生成并发布到服务器。在良好的开发浏览器（如Chrome或Firefox）中打开页面。打开开发工具，摆弄CSS，直到它在浏览器中看起来很好。一次执行一个元素，然后将新CSS复制到Visual Studio，再次构建/发布，并刷新页面

---

继续这样做，直到找到所需的布局，然后在其他流行浏览器中进行测试。

解决方案：阅读一本关于web设计的书。解决方案2：在文本编辑器中设计网站。visual studio中是否没有解决此问题的方法？我对此深表怀疑。在任何情况下，直接使用web浏览器测试网页可能会更有效。让网站在多个浏览器中看起来很好一开始就很难——为什么还要引入另一个渲染引擎来混合呢？