嗨，我意识到我应该做的是从 CSS 重置开始，但我在 Chrome 中使用默认设置开发了我的网站，然后在完成后开始尝试使其跨浏览器兼容。如果我添加任何常见的 CSS 重置，我会丢失边距，文本会变小，并且带有背景的内嵌 Span 标签甚至会相互重叠，一切都会变得一团糟。
所以我想我正在寻找的是一个 CSS 重置，设置为 Chrome，这将使所有其他浏览器看起来像我在 Chrome 中的页面。有没有这样的方法或方法？
user759885
问问题
14302 次
7 回答
1
根据这篇文章：
http://trac.webkit.org/browser/trunk/Source/WebCore/css/html.css是 Chrome 使用的 CSS。不过我还没有测试过，所以尝试一下，看看它是否有效。
于 2012-10-17T14:40:55.533 回答
1
一次找到了我自己的问题的解决方案。我刚刚从http://necolas.github.com/normalize.css/尝试了 normalize.css ，它保留了有用的现代风格并修复了其他浏览器（即 IE）的不直观。使用“IE9 文档标准”时，Chrome 和 IE 上的外观大致相同。
于 2012-10-17T14:56:52.720 回答
0
我一直使用 Eric Meyers css reset 片段。我实际上比 html5 样板中包含的更喜欢它。
/* http://meyerweb.com/eric/tools/css/reset/
v2.0 | 20110126
License: none (public domain)
*/
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
margin: 0;
padding: 0;
border: 0;
font-size: 100%;
font: inherit;
vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
display: block;
}
body {
line-height: 1;
}
ol, ul {
list-style: none;
}
blockquote, q {
quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
content: '';
content: none;
}
table {
border-collapse: collapse;
border-spacing: 0;
}
于 2012-10-17T14:59:12.653 回答
0
特殊浏览器没有 css 重置。这正是问题所在，您希望将 css 重置为在每个浏览器中具有相同的起始位置。
您面临的问题是，您尚未立即实施重置。您将别无选择，然后做额外的工作来集成重置并为您的下一个项目学习，您从重置开始并基于此构建您的 css。
于 2012-10-17T14:39:40.627 回答
0
当你这样做时，它对 chrome 用户会很好，但对 firefox、edge、opera、safari 和 internet explorer 用户来说不是。
Chrome 的html.css文件包含一些在其他浏览器上不起作用的供应商前缀。
也许它们在其他浏览器中也不可用。示例：-webkit-fill-available，因为没有值，甚至在除 firefox 之外的浏览器中可用的前缀。
该
html.css文件更多地基于前缀。即使通用属性在浏览器中有效，他们也会尝试使用前缀。
对于 chrome 用户来说，这可能是一种原生体验，但另一方面，对于其余 30% 的用户来说，它会受到影响。
而且，它会给你增加负担。因为超过 70% 的用户使用基于 chromium（是的，所有浏览器在 html.css 文件中都有一些调整）的浏览器。在 80% 的浏览器上加载毫无用处。
我认为文件不够短。被压缩到小于 5kb。
我建议使用 CSS 规范器。基于 normalize.css 的东西，但维护得更好。
几个完美的 CSS Normalizers 列表
- Reseter.css - https://github.com/krishdevdb/reseter.css
- Sanitize.css - https://github.com/csstools/sanitize.css
于 2021-05-01T11:47:16.133 回答
-1
于 2012-10-17T14:57:06.927 回答