Question

有一种奇怪的行为，当我的页面没有doctype时，我的页面没问题（是的，文档模式是没有doctype的Quirks）。然后我不得不解决一些问题并添加doctype（即更改文档模式到标准）解决了问题，但这引入了更新的问题：（

此问题特别适用于IE9及其GWT应用程序。

添加的doctype为<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> 之前登录屏幕正好在屏幕中间，并且应用了样式

#login_form {
left: 40%;
top: 80px;

}

但是现在添加了doctype和without changing my html or css后，登录表单出现在屏幕的最右侧。我不明白doctype如何改变这种行为

Answer 1

首先检查 GWT IE9提示 here并确保IE9未在IE8或更低兼容模式下加载。您可以使用IE9开发工具（使用F12启动它）

另外请确保不要忘记将GWT的ie9排列添加到module.gwt.xml。

Answer 2

当您有大量遗留标记无法轻易转换为符合Strict DOCTYPE时，可以使用过渡DOCTYPE。但严格是你应该瞄准的目标。

当您将DOC-TYPE添加到Strict时，您必须确保您的HTML（XML）格式正确（除了“忘记结束标记，写/>而不是{ {1}}）。并且Strict DTD也不支持某些元素和属性。

出现问题时，生成的html内容可能（？）有一些不赞成的内容导致问题，有点痛苦深入挖掘html并找到已弃用的元素，所以我想建议XHTML DTD（其中允许您添加模块）或Transactional DTD。