html - 在跨浏览器上重置 CSS

标签 html css browser cross-browser

我有一些元素的网页。当我在不同的浏览器上运行页面时,元素的位置不同。我希望元素的位置在所有浏览器(Chrome、Firefox、IE、Opera、Safari)中都相同。我红色 abaout CSS Reset 并创建了 CSS 文件,并将此页面中的内容放入其中 http://meyerweb.com/eric/thoughts/2007/05/01/reset-reloaded/重置 css 配置。然后我运行该页面,它在不同的浏览器中看起来又有所不同。我应该怎么做才能使页面在不同的浏览器中看起来相同?

最佳答案

CSS 重置并不是使您的页面在不同浏览器中呈现相同的魔法棒。从视觉上讲,它是将所有元素剥离到它们像 div 或 span 一样工作的程度。这为作者可以建立自己的文体想法奠定了基础。

因此,如果您编写的 CSS 在不同浏览器中呈现的效果不同,那并不是因为 CSS 重置不起作用。有不同的原因,例如缺乏对某些功能的支持,浏览器的错误或不同的实现......等

如果特定浏览器出现问题,您应该坚持标准并寻找解决方法。另请注意,不同的浏览器呈现网页的方式不同。这是我们必须接受的事实,并且在编码时尽量不要过分热心。有时它看起来永远不会完全一样!

关于html - 在跨浏览器上重置 CSS,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/15544059/

相关文章:

css - 在 Mac OS X 上的 webkit 浏览器上具有相同样式的子页面上呈现不同的字体

html - 试图从 textarea 中删除 resizable

html - 如果我提供高度或宽度,浏览器会相应地调整图像大小吗?

html - 元素的 CSS 定位

html - 通过 CSS 在 html 页面上应用填充?

php - 在Mysql命令中使用时的字体颜色问题

javascript 过滤器功能在 IE 11 中不起作用,但在 Chrome 和 Mozilla 中运行良好

php - 如何在 laravel 上将@lang 添加到我的标签表单中

javascript - 简单但长的页面在 IE 中非常慢,而在其他地方则很快(长 DOM 会导致问题?)

javascript - Puppeteer : send array of elementHandle to page. 评估