CSS 浏览器检测

标签 css html cross-browser

我不明白为什么我正在使用的 HTML5 网站在所有浏览器中都不同。我知道它一定是 CSS,但我不知道是什么。

在 Chrome 上:http://slackmoehrle.com/chrome.png

在 Safari 上:http://slackmoehrle.com/safari.png

在 IE 7 上:http://slackmoehrle.com/ie7.png

在 FireFox Mac 上:http://slackmoehrle.com/firefox.png

样式表可以在这里找到:http://slackmoehrle.com/css.css

任何人都可以分享任何见解吗?

许多人说浏览器检测不是一个好方法,但我看不出如何才能在各种浏览器中实现这一切

更新:

不使用 CSS 重置:http://slackmoehrle.com/test/without-reset/

使用 CSS 重置:http://slackmoehrle.com/test/with-reset/

最佳答案

看看使用 CSS 重置样式表

我个人最喜欢的是迈耶的:http://meyerweb.com/eric/tools/css/reset/

关于CSS 浏览器检测,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/3561603/

相关文章:

css - Firefox 和 Chrome 中有效 HTML 5 代码的不同表示

html - INPUT 自动填充剩余的容器宽度

html - 在css中更改图像为180度时

PHP 正则表达式验证

javascript - 当用户点击 map 时查看详细信息

html - 所有浏览器的选择下拉菜单中的居中对齐文本

css - 在 IE6/7 和 Firefox 上获得相同显示效果的最佳工具或技术是什么?

javascript - 如何限制幻灯片的大小 (JS)

jquery - 使用 jQuery 更改内容中的 Div

html - 使用 CSS 实现淡入/淡出效果