【问题标题】:Responsive layout messed up in IEIE 响应式布局混乱
【发布时间】:2013-10-01 17:42:08
【问题描述】:

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

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

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

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

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

呃。这很难。

【问题讨论】:

  • 快速检查一下,它在 Firefox 中看起来和我一样,即 10。难道只是她更新缓存的情况吗?
  • 即使缩小屏幕尺寸?在她的正常屏幕尺寸下,它看起来也不错,但当你把它变小时,它就完全混乱了。
  • 我现在检查了一下,它在 IE10 中的外观与在 chrome 中的外观相同。当我做最小的你可以和全屏时。看起来你的代码很好
  • 太棒了!听到这个消息我很高兴。希望它也适用于其他版本的 IE。一定是她的电脑出了问题。

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


【解决方案1】:

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

通过例如在静态资源(例如 CSS 文档)的名称中添加版本号来避免这个问题。

关于未来的浏览器测试,请查看BrowserStack 以在任何相关浏览器中进行实时测试。这是一个非常简洁的工具。

【讨论】:

    猜你喜欢
    • 1970-01-01
    • 2012-09-17
    • 1970-01-01
    • 1970-01-01
    • 2013-02-13
    • 2021-02-12
    • 1970-01-01
    • 1970-01-01
    • 2022-01-19
    相关资源
    最近更新 更多