我的浏览器中的布局与Visual Studio中的布局不同

Question

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

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

Answer 1

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

在Visual Studio中设计布局的最佳解决方案是在编辑器中编写HTML和CSS代码以获得总体布局。然后构建并发布到您的服务器。在Chrome或Firefox等优秀的开发浏览器中打开您的页面。打开开发工具并调整CSS，直到它在浏览器中看起来很好。一次执行一个元素，然后将新CSS复制到Visual Studio，再次构建/发布，并刷新页面。

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