Dreamweaver中的渲染与实时站点不同

时间:2015-05-15 13:31:40

标签: html css twitter-bootstrap cross-browser dreamweaver

我负责一个需要在IE 9以及当前浏览器中工作的网站。该网站是http://www.wtc.army.mil/我已经对当前的实时网站进行了一些更改并需要将它们推送到现场,但是当我在IE 9中的DW内部渲染时,即使我避开了,页面上的一些次要元素也无法正常呈现没有更改代码的这些部分(这些元素是:页面右上角的社交媒体图标将不会显示,底部的某些链接旁边的字形图(我认为它们被称为它们)将不会显示,和页面右侧段落旁边的另一个图像)。

我已将新代码与当前的实时网站进行了比较,除了不应影响我提到的失败元素的微小更改之外,代码中没有任何差异。我所做的更改决不会影响这些未正确显示的元素。 DW是否会以不同的方式呈现页面,然后当我将其推送时它将如何显示,而这些在DW中无法正确呈现的元素在我实际推送时实际上是正常的?另一件需要注意的事情是,新代码在其他浏览器中运行良好。它的IE导致了这个问题。所以我的主要问题是:DW是否有可能以不同的方式呈现IE中的代码,以及它在推送时的显示方式?

1 个答案:

答案 0 :(得分:1)

Dreamweaver一直有这个问题。这就是为什么大多数web开发人员不使用像Dreamweaver这样的程序,仅仅因为它不是浏览器而且它的设计视图不能像一个那样渲染。这完全不是你的错,而是Dreamweaver的。

我最好的猜测是使用一些IE特定的CSS来修复浏览器中的差异。

@media screen\0 {
    /*CSS here applies to IE 8, 9 and 10*/
}

@media screen\9 {
    /*CSS here applies to IE 6 and 7*/
}

或者,如果这不起作用,请将样式表添加到仅包含IE的HTML头部:

<!--[if IE]>
    <link rel="stylesheet" type="text/css" href="all-ie-only.css" />
<![endif]-->