我在 IE7、Safari、Firefox 和 Chrome 上测试我的页面。
我采用了添加一个类的想法,html
以便绝对能够编写自定义 CSS 调整,肯定没有其他方法可以做到这一点。换句话说,我没有滥用这个设施。
我用这个:
<!DOCTYPE html>
<!--[if lt IE 7]> <html class="no-js ie-all lt-ie9 lt-ie8 lt-ie7"> <![endif]-->
<!--[if IE 7]> <html class="no-js ie-all lt-ie9 lt-ie8"> <![endif]-->
<!--[if IE 8]> <html class="no-js ie-all lt-ie9"> <![endif]-->
<!--[if gt IE 8]><!--> <html class="no-js"> <!--<![endif]-->
<head>
您会注意到这是我添加的HTML5Boilerplateie-all
方法的修改版本。这样做的原因是,根据标题,我只在 IE7 上进行测试。如果没有类似ie-all
课程的东西,我将不得不从其他课程中选择一个进行调整。除了在所有版本的 IE 上进行测试之外,我还能由谁来处理这个问题?
我确实意识到这ie-all
相当于lt-ie9
目前。我完全希望看到这段代码演变成一个lt-ie10
可能会改变事情的类。不确定这里最好的方法是什么。
编辑:
在重新阅读我的问题时,我认为大多数人可能会认为答案是不言而喻的:无法在 IE7 上进行测试并让它在较新版本的 IE 上运行。 我想我应该用上下文来澄清。
在过去的几年里,我一直在这样做,并且没有遇到任何严重的问题。要重复。 我一直在 IE7 上进行测试,我的代码在较新版本的 IE 上运行没有问题。 直到我决定“现代化”我的样板并查看其他想法时,我才意识到,在某些情况下,有些人必须为每个版本的 IE 编写自定义 CSS。
我还没有看到需要为每个版本的 IE 进行调整。我已经浪费了无数个小时来修复 Chrome、Safari 和 Firefox 上不存在的 IE7 问题。当我这样做时,它在其他版本的 IE 上总是可以正常工作。因此,我对 HTML5Boilerplate 进行了修改,并提出了添加一个ie-all
类来涵盖这些特殊调整的想法。
除此之外,我现在正在探索更高级的 JQuery UI 想法,我认为这些想法可能不会对仅在 IE7 上进行测试做出很好的反应。