html - 每个浏览器渲染 css 的方式不同吗?

标签 html css google-chrome firefox cross-browser

我设计了一个页面并在 chrome 中进行了测试。完成后,当我检查 firefox 时,我注意到一些不一致之处。例如,让我感到惊讶的一件事是我制作的弹出窗口。我当时是这样的:

$('#login-pop-up').css('top','3200px');

它在 chrome 中显示良好,但在 firefox 中显示的很差。我不知道那是什么意思?当我将 top 的属性设置为 3200px 时,为什么当测试机器相同时它在 firefox 中不保持不变。

每个浏览器渲染 css 的方式不同吗? top for firefox 会不会和 chrome 或 opera 一样?

最佳答案

这取决于文档中的相关元素。 CSS 是一个样式表,几乎所有浏览器都以相同的方式定位基本 CSS 属性。例如:position:absolute 指定了上边距和左边距(同时指定了元素的宽度和高度)应该在不同的浏览器上返回相同的结果。


有一些内置的 CSS 属性,字体的颜色应该是黑色,输入框应该有一个 1px 的边框,bla bla..

来源:我

关于html - 每个浏览器渲染 css 的方式不同吗?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/25407376/

相关文章:

jquery - 如何在下拉框下方的Select2中显示选中的标签?

javascript - 无法在 javascript (calc) 中应用样式 maxHeight

javascript - 如何在 React Native 中更改按钮的颜色?

javascript - 我的 backbone.js View 不呈现任何内容

JavaScript 奇怪的问题与 else if 语句

css - 如何在另一个 iframe 上显示 iframe 的 div

html - CSS:无法垂直移动我的按钮

javascript - 表格格式交互式图表 javascript

Android Emulator WebView - Chrome 远程设备中的 'No Browser Detected'

json - Chrome 正在阻止 json 下载 - 有没有办法防止这种情况?