响应式布局在IE中搞砸了

时间:2013-09-25 23:07:27

标签: css html5 internet-explorer cross-browser responsive-design

如果答案完全明显,我很抱歉。这是我的第一个网站,我正在为Web开发类和业务本身(免费)构建它。我正在努力。

我一直在尝试制作响应式布局,但我只能在Firefox,Chrome和Safari中查看我的网站,因为我在Mac上。我也使用了浏览器,但很难确定它在较小尺寸下的样子。我的妹妹刚刚在她的计算机上发送了IE 10中的网站,这肯定不是我所希望的。该网站在正常的屏幕尺寸下看起来很好,但是当它变小时,它就会摧毁自己。导航栏下方的所有内容似乎都已消失或移动到屏幕下方或其他位置。

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

到底有什么不对?我以为我做得很好!

此外,我使用了一张桌子(并尝试使其响应)将所有门图像放在那里。我认为IE屏幕尺寸也很小。知道为什么吗?

唉。这很难。

1 个答案:

答案 0 :(得分:0)

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

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

对于未来的浏览器测试,请在任何相关浏览器中查看BrowserStack的实时测试。这是一个非常巧妙的工具。

相关问题