css - 是否可以根据访问网站的浏览器自动加载单独的 css 样式表?

标签 css html cross-browser stylesheet

我问的原因是因为我完成了一个可爱的主页设计并且只在 osx 上用 chrome 和 safari 查看网站然后我决定打开 firefox 并且某些东西坏了。

还有一个问题是,我在搜索字段占位符文本中显示错误的颜色时消失了,并显示了我在 firefox 样式表中声明的正确颜色。

如果我可以为不同的浏览器创建单独的样式表或者有条件语句可以根据浏览器触发正确的设置,那就太好了。

还有一个很棒的工具,可以在多个浏览器中手动查看我的网站。

最佳答案

有些人更喜欢使用 CSS 重置文件 以不同的方式解决这个问题。基本上,这建立了一个中立的起点,这样您应用的任何 CSS 在所有浏览器上都会有相同的、可预测的结果。

最简单的版本之一是:

* {
     padding:0;
     margin:0;
   }

this SO question 的回答中有很多关于这个的讨论。

以及各种常见方法的 here is a roundup of links

编辑:要在各种浏览器中进行测试,请查看 this popular SO questionthis one

关于css - 是否可以根据访问网站的浏览器自动加载单独的 css 样式表?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/9658339/

相关文章:

javascript - 创建 CSV 并使用 JS 打开,在 IE、Chrome 中不起作用

javascript - Safari 嵌套滚动条错误?

html - 无法在两个文件夹之间加载 css 和 Bootstrap

javascript - 位置 : -webkit-sticky not working on safari

css - 适用于所有屏幕尺寸的 Flexbox 响应式产品网格

javascript - 如何在 Firefox 和 Chrome 中使用 javascript 禁用所有 <a> 链接

html - 并排放置两个列表

html - 在文本框中输入值时使用 CSS 更改文本框中的字体颜色

css - 如何创建 SASS 使得具有相同 CSS 的类用逗号一起声明?

html - Bootstrap CSS/HTML 背景图像调整大小