使用条件注释很容易使用特定于浏览器的CSS规则来定位Internet Explorer:
<!--[if IE 6]>
...include IE6-specific stylesheet here...
<![endif]-->
有时,Gecko引擎(Firefox)行为不端.使用CSS规则而不是单个其他浏览器仅针对Firefox的最佳方法是什么？也就是说,Internet Explorer不仅应该忽略Firefox规则,还应该忽略WebKit和Opera.
注意:我正在寻找一个"干净"的解决方案.在我看来,使用JavaScript浏览器嗅探器向我的HTML添加"firefox"类并不符合要求.我宁愿看到一些取决于浏览器功能的东西,就像条件评论只对IE有"特殊"...
我坚持使用一个看似简单的两列CSS布局.通常这种布局很简单,但我正在建立一个响应式网站,并且需要按照正确的移动顺序折叠列,相互叠加.
在桌面上,我需要将正确的列设置为固定大小,例如200px,其余区域将由左列占用.当然,我需要清除列并向下推送内容.
在移动设备上,他们只会叠加.所以左栏位于右栏之上.
如前所述,这种类型的布局通常只需浮动其中一列和/或设置大边距即可完成,但这种方法要求在文档流程中交换左右,并使折叠的移动版本无法实现.
我甚至看过显示表和表格单元格,这在大多数情况下相对较好,但遗憾的是FireFox不支持布局中的绝对定位元素打破其中的一些内容.
我是一个经验丰富的开发人员,乖乖地完成这个应该更简单,我发现？