可以看到页面效果比之前好太多了:
我不用再做什么。因为 Modernizr 使老版本 IE 可以识别 HTML5 的结构化元素,所以之前的很多标准 CSS样式现在都可以识别了,页面呈现出了它应有的样子。
对于我这个自由职业者的钱包来说,这是天大的好事。如果你之前没有在现代浏览器中看过这个网站的效果, 你应该都不知道两者有什么区别。 不过, 由于 IE8缺少 CSS3支持,所以相对于现代浏览器来说有一些明显的视觉效果上的缺陷。导航链接上没有交替颜色(如果需要,我们可以通过给奇数导航链接追加额外类名来解决这个问题) ,按钮没有圆角, 没有文字阴影和盒阴影。 最重要的一点是, 虽然我们的流式布局很灵活, 但缺少 CSS3意味着不支持媒体查询。没有媒体查询,在 IE 6、7、 8中就不会有不同视口中精心设计的布局变化。
虽然我怎么都不认为 IE8中这样的布局“毁”了设计效果,但只要你愿意,Modernizr也可以帮你修补老版本浏览器。 为了证明这一点, 我们来给 IE 6、 7、 8追加 min/max-width媒体查询支持,从而使网页在这些浏览器的不同视口中也能正确响应。