将文档类型添加到任何照片系列页面（鲑鱼、伙伴、漂白剂、水彩）都会破坏页面并导致 div 的固定附件背景图像不显示。
我不确定这个网站是否是这样工作的，但如果有人能帮助我找出网站的哪些部分在怪癖模式之外（在任何浏览器中）无法工作，我真的很感激。
这是该网站的实时版本以及托管在 github 上的链接：
http://emilyduda.pancakeapps.com/stories.html http://emilyduda.pancakeapps.com/stories.html
https://github.com/Michaelzrobin/duda-2-beta/tree/gh-pages https://github.com/Michaelzrobin/duda-2-beta/tree/gh-pages
我知道我应该从声明我的文档类型开始——代码有很多错误，而且我没有很好地规划网站，因为我在编码时设计了它，而且我对两者都是新手。我有很多凌乱的样式和多余的样式表，还有很多调试和重构要做，但我想看看我是否可以处理这个文档类型问题，而不必首先完全重新编码站点。
简短回答： If <!DOCTYPE html>破坏了你的格式，检查你是否使用了%涉及单位，和/或是否更换%与任一vw or vh可能有帮助。
只是在这里添加我的 2 美分价值，以防对其他人有所帮助。
我制作了一个网页without <!DOCTYPE html>效果很好，即格式正确。有一次我添加了<!DOCTYPE html>而且高度也被搞砸了。长话短说，我最终发现，没有<!DOCTYPE html>，高度计算包括100%工作正常，但是当<!DOCTYPE html>添加后，它就坏了。我转换了100% to 100vh瞧，页面格式又恢复正常了。
我还没有解决（也不会解决）发生这种情况的原因，但也许与%单位在怪异模式下的行为与现代“非怪异”模式下的行为不同。例如，也许在怪异模式下，%与元素的父对象以外的其他对象相关，例如视口......但我只是猜测。无论如何，如果<!DOCTYPE html>正在破坏您的格式，请考虑调查您对%单位及是否使用vw/vh代替%可能更合适。
本文内容由网友自发贡献，版权归原作者所有，本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容，请联系:hwhale#tublm.com(使用前将#替换为@)
