设计视图和实时视图有什么不同？

Question

我在c＃和asp.net Langs的Visual Studio 2010中开发了一个网页。

当我运行我的页面时，在Firefox和IE等浏览器中UI是可以的，但是当我在设计视图中查看aspx文件时，我看到HTML标签中的混乱。

我在另一个项目中看到了这个原因（我在UI中没有java脚本） 或者在adobe Dreamweaver的设计视图中，UI元素为
无序但在实时视图中还可以，或者在浏览器中可以使用？

我的问题是，我必须在实时视图中首先在设计视图中修复UI无序或修复问题，以便在任何浏览器中发布之后没有任何错误吗？或者这不重要？

Answer 1

MSDN documentation on Design View明确表示它是 near - WYSIWYG（所见即所得）编辑器。该页面上广泛列出的设计视图存在限制。我遇到的一些主要问题是：

• “某些字符和段落格式可能与特定浏览器中显示的格式不同” - Design View呈现某些元素的方式可能很容易与特定浏览器呈现这些元素的方式不同。和，
• 设计视图中显示了不可见元素（隐藏字段）和不可见边框/轮廓。与您在浏览器中看到的内容相比，这会略微推动渲染。
• 任何动态加载的内容（通过服务器端代码或JavaScript）都不会反映在设计视图中。

特别注意链接页面发出以下声明：

  

但是，“设计”视图与页面的方式不完全匹配   渲染，你应该总是在浏览器中测试页面（或在   多个浏览器）以确保页面将显示为您   设计它。

所以不要过分关注设计视图中看起来很有趣的事情。设计视图是可用的，但就网页在网页上的显示方式而言，它与现实相差很多。您可以在早期设计中使用它，但始终使用浏览器进行布局/ UI的任何重要测试。