css - 响应式布局在 IE 中困惑

Question

如果答案非常明显，我很抱歉。这是我有史以来的第一个网站，我正在为 Web 开发类(class)以及业务本身(免费)构建它。我在努力。

我一直在尝试制作响应式布局，但我只能在 Firefox、Chrome 和 Safari 中检查我的网站，因为我使用的是 Mac。我也使用了 browsershots，但很难确定它在较小尺寸时的样子。我姐姐刚刚在她的计算机上向我发送了该网站在 IE 10 中的外观，这肯定不是我所希望的。该网站在正常屏幕尺寸下看起来不错，但当她将其缩小时，它只会 self 毁灭。导航栏下方的所有内容似乎都消失了或移到了屏幕下方或其他地方。

这是我现在正在处理的页面:http://stweb.ccv.edu/CIS-1151-VO02-V13FA/kak10200/project_03/steel.html (目前唯一运行的其他页面是主页和自定义住宅门)。

这到底是怎么回事？我以为我做得很好!

此外，我使用了一张 table (并试图让它响应)将所有门图像放在那里。我认为这在小屏幕尺寸的 IE 中也很糟糕。知道为什么吗？

呃。这很难。

Answer 1

正如对您问题的评论中所述，这可能是缓存问题，因为她的计算机上存储了旧资源。

例如，通过将版本号添加到静态资源(例如 CSS 文档)的名称来避免将来出现此问题。

关于 future 的浏览器测试，查看BrowserStack用于在任何相关浏览器中进行实时测试。这是一个非常简洁的工具。